آموزش گام به گام و تصویری ساخت پاپ آپ در وردپرس

ساخت پاپ آپ در وردپرس یکی از بهترین تکنیک هایی است که به کمک آن می توانید محصولات، خدمات و همچنین تخفیف های خود را به صورت یک پنجره بازشوی جذاب به کاربران نمایش دهید. در واقع؛ یک پنجره پاپ آپ به شما کمک می کند تا انواع کدتخفیف، محصولات شگفت انگیز، اطلاعیه های مهم و غیره خود را در آن قرار دهید تا کاربران به آن صفحه خاص هدایت شوند. پاپ آپ را می توان یکی از بهترین روش ها برای افزایش ترافیک و فروش محصولات در نظر گرفت. خوشبختانه وردپرس امکان ساخت پاپ آپ را با استفاده از روش های مختلف برای شما ساده کرده است. بنابراین با ما همراه باشید تا شما را با آموزش ساخت پاپ آپ در وردپرس آشنا کنیم.

پاپ آپ در وردپرس چیست ؟

پاپ آپ (popup) نوعی تبلیغات آنلاین است که به صورت یک پنجره کوچک و جدا از سایت اصلی به کاربران نمایش داده می شود. احتمالاً برایتان پیش آمده که وارد سایتی شوید و پس از چند دقیقه به صورت خودکار یک پنجره حاوی کد تخفیف، فرم ایمیل و… به شما نشان داده شود و از شما می خواهد تا یک اقدامی انجام دهید. با کلیک روی لینک موجود در پاپ آپ، کاربر به یک صفحه خاص هدایت داده می شود. هم اکنون بزرگ ترین وب سایت های جهان از این نوع تبلیغات برای افزایش فروش و جذب اطلاعات مهم کاربران همچون ایمیل استفاده می کنند.

از طرفی؛ نکته ای که در خصوص پنجره پاپ آپ وجود دارد این است که نباید به هیچ عنوان از تبلیغات پاپ آپ بیش از حد مجاز استفاده کنید، زیرا باعث نارضایتی کاربران می شود. بنابراین سعی کنید نمایش پاپ آپ را تنها برای یکبار برای هر کاربر تنظیم کنید. علاوه بر آن؛ شما همچنین می توانید از یک فرم پاپ آپ وردپرس برای موارد زیر استفاده کنید:

• بازخورد: با درخواست نظرات یا حتی ایجاد یک نظرسنجی، بازخورد کاربران را جمع آوری کنید.
• اطلاعات تماس: با دریافت اطلاعات تماس و اطلاعات شخصی کاربران، جزئیات بیشتری در مورد کاربران خود دریافت کنید.
• عضویت در سایت یا خبرنامه: یک پاپ آپ عضویت می تواند به شما کمک کند تا کاربران بیشتری را در خبرنامه یا سایت خود عضو کنید.

روش های مختلفی برای ساخت پاپ آپ در سایت وردپرسی وجود دارد که در ادامه مطلب سعی می کنیم ساده ترین روش ها را برای شما عزیزان توضیح دهیم.

بیشتر بخوانید: بهترین افزونه های پاپ آپ وردپرس | 9 پلاگین ساخت پنجره Popup

نحوه ایجاد پاپ اپ در وردپرس

برای ایجاد و گذاشتن پاپ آپ در وردپرس ساده ترین و بهترین روش استفاده از یک افزونه وردپرس می باشد. برای ایجاد پاپ آپ، ما قصد داریم برای شروع از 2 افزونه محبوب یعنی افزونه پاپ آپ برای وردپرس Popup Maker و WPForms استفاده کنیم. در ابتدا این دو افزونه را روی وردپرس خود نصب و فعال کنید. اگر با نحوه نصب افزونه آشنا نیستید می توانید آموزش نصب افزونه وردپرس را مشاهده کنید.

در مرحله بعد شما باید یک فرم ایجاد کنید که می خواهید آن را در پنجره پاپ آپ خود به کاربران نمایش دهید. اگر قبلاً یک فرم تماس ایجاد کرده اید، می توانید از این مرحله رد شوید. برای ایجاد فرم، وارد پیشخوان وردپرس خود شوید و از بخش “WPForms” روی گزینه “Add New” کلیک کنید و سپس یک قالب دلخواه را انتخاب کنید. به عنوان مثال ما می خواهیم یک فرم تماس ساده استفاده کنیم.

پیشنهاد خرید: افزونه Popup Maker | طراحی پاپ آپ های حرفه ای با پلاگین پاپ آپ میکر

بعد از آن شما وارد صفحه ای برای ایجاد فرم می شوید. شما می توانید فیلدهای دلخواه خود را مانند: نام، نام خانوادگی، شماره تماس و… در فرم بکار ببرید. تنها کاری که شما باید انجام دهید این است که فیلدهای مورد نیاز خود را از سمت چپ صفحه به پنجره اصلی بکشید و رها کنید. همچنین می توانید با کلیک بر روی آن و انتخاب آیکون قرمز رنگ سطل زباله که در سمت راست ظاهر می شود، یک فیلد را حذف کنید.

در نهایت بعد از آنکه فرم دلخواه خود را طراحی کردید باید روی دکمه ذخیره تغییرات کلیک نمائید. بعد از آن فرم شما آماده خواهد بود. حالا شما باید یک پاپ آپ در وردپرس خود ایجاد کنید.

بیشتر بخوانید: بعد از نصب وردپرس چه کنیم؟ + 7 کاری که بعد از نصب وردپرس باید انجام دهید

آموزش ایجاد پاپ آپ در وردپرس با افزونه Popup Maker

افزونه Popup Maker یک افزونه پاپ آپ لایه ای وردپرس می باشد که به صورت رایگان ارائه شده است که هم اکنون می توانید از آن استفاده کنید. بعد از فعال سازی Popup Maker در وردپرس خود، شما قادر هستید انواع پنجره های پاپ آپ را به سادگی ایجاد کنید. برای انجام اینکار وارد داشبورد مدیریتی خود شوید و سپس از بخش “Popup Maker” روی گزینه “Add Popup” کلیک کنید تا وارد ویرایشگر پاپ آپ صفحه شوید.

در ابتدا شما باید یک نام دلخواه برای پنجره پاپ آپ خود در نظر بگیرید. همچنین شما می توانید یک عنوان نمایشی هم قرار دهید، این عنوان نمایشی به بازدیدکنندگان سایت شما نمایش داده می شود.

بعد از آن شما باید فرم تماسی که در مرحله قبل ایجاد کرده بودید را در پنجره بازشو درج کنید. برای انتخاب فرم خود بر روی دکمه افزودن فرم کلیک کنید.

بیشتر بخوانید: آموزش رفع مشکل ریدایرکت شدن و خطاهای redirection در وردپرس

سپس یک صفحه درج فرم برای شما ظاهر می شود. شما باید از منوی کشویی، فرمی را که قبلاً ایجاد کرده بودید را انتخاب کنید.

بیشتر بخوانید: بهترین افزونه های صدور فاکتور وردپرس؛ معرفی 7 افزونه فاکتور حرفه ای ووکامرس 

پس از انتخاب فرم، روی دکمه آبی رنگ Add Form کلیک کنید تا فرم شما به پنجره بازشو اضافه شود.

سپس یک کد کوتاه منحصر به فرد ایجاد می شود که به آن پنجره پاپ آپ می گوید از کدام فرم باید استفاده کنید.

بعد از آن، کافیست صفحه را به سمت پایین اسکرول کنید و وارد بخش “Triggers” شوید تا بتوانید برخی از تنظیمات پاپ آپ را سفارشی کنید. شما می توانید مسخص کنید که پنجره های پاپ آپ چه وقت برای کاربران باز شوند. برای اینکار روی دکمه آبی رنگ Add New Trigger کلیک کنید.

بیشتر بخوانید: پاپ آپ چیست؟ بایدها و نبایدهای استفاده از آن

پس از آن یک پنجره برای شما نمایان می شود که کافیست از منوی کشویی گزینه Time Delay/Auto Open را انتخاب کنید. پس از اینکه بازدیدکنندگان وب سایت شما برای مدت زمان مشخصی در سایت شما بودند، پنجره پاپ آپ  به آنها نمایش داده می شود. شما می توانید یک مدت زمان دلخواه تنظیم کنید. اما پیشنهاد ما به شما این است که مدت زمان را روی 5 ثانیه (5000  میلی ثانیه) قرار دهید. بعد از آن روی دکمه افزودن کلیک نمائید.

به طور پیش فرض، این پاپ آپ در هر صفحه از وب سایت وردپرس شما و برای تمامی دستگاه ها به کاربران نمایش داده می شود. می‌توانید این تنظیمات را برای هدف قرار دادن افراد، دستگاه‌ها، مکان‌های خاص (مانند یک پست یا صفحه) و موارد دیگر تنظیم کنید. در واقع اگر شما می خواهید تنظیمات بیشتر و پیشرفته تری روی پاپ آپ خود داشته باشید باید مستندات Popup Maker را بررسی کنید.

بیشتر بخوانید: افزونه YITH WooCommerce Added to Cart Popup | افزونه پاپ آپ سبد خرید ووکامرس

از منوی بازشو تم پاپ آپ، موضوعی را برای پنجره بازشو خود انتخاب کنید. شما می توانید هر تم پاپ آپی را که دوست دارید انتخاب کنید. برای این مثال، ما قصد داریم از طرح محبوب Light Box استفاده کنیم.

بعد از آن شما می توانید روی دکمه انتشار کلیک کنید و سپس فرم پاپ آپی را که ایجاد کرده اید را به صورت زنده مشاهده نمائید.

اکنون می توانید پیش نمایش فرم پاپ آپ وردپرس خود را مشاهده کنید تا مطمئن شوید که دقیقاً همانطور که می خواهید به نظر می رسد و تنظیمات را مطابق با آن انجام دهید.

برای ایجاد پاپ آپ های بیشتر در فرم تماس، می توانید این فرآیند را تکرار کنید و تنظیمات و قوانین نمایش را برای نمایش در پست ها یا صفحات مختلف و غیره سفارشی کنید.

بیشتر بخوانید: بهترین ابزارهای تست سرعت سایت؛ تست کننده سرعت وب سایت وردپرس 

نحوه ساخت پاپ آپ در وردپرس با المنتور

افزونه المنتور به شما این امکان را می دهد تا اقدام به ساخت و گذاشتن پاپ آپ در وردپرس کنید. در واقع المنتور دارای الگوهای از پیش ساخته شده ای می باشد که می توانید از آنها به عنوان پاپ آپ استفاده کنید. برای انجام اینکار، از پیشخوان وردپرس خود از بخش “Templates” روی گزینه “Pop Up” کلیک کنید. پس از کلیک بر روی Pop Up، یک دکمه ADD NEW POPUP برای شما ظاهر می شود. شما باید روی آن دکمه کلیک کنید و سپس یک نام برای پاپ آپ خود وارد نمائید. در نهایت روی دکمه “CREATE POPUP” کلیک کنید.

بعد از کیلک روی دکمه “Create Popup” الگوها و قالب های جذابی را مشاهده خواهید کرد که می توانید به دلخواه یکی از آنها را انتخاب کنید. همچنین شما می توانید پاپ آپ خود را از صفر به صورت اختصاصی خودتان طراحی کنید.

بعد از بستن کتابخانه الگوها، شما با صفحه ای همانند تصویر زیر روبه رو می شوید که کافیست روی آیکون چرخ دنده کلیک کنید .

بیشتر بخوانید: افزونه جت پاپ آپ (JetPopUp) – پاپ اپ ساز المنتور

تنظیمات پنجره پاپ آپ دارای 3 گزینه: تنظیمات (layout)، سبک (Style) و پیشرفته (Advanced) می باشد. از تب تنظیمات، می توانید طرح‌ بندی خود را سفارشی کنید. به عنوان مثال: می توانیدعرض، ارتفاع، موقعیت افقی/عمودی، انیمیشن ورود/خروج و دکمه بست را به دلخواه خود تنظیم کنید.

از تب Style، می ‌توانید تنظیمات مربوط به رنگ ‌های پاپ ‌آپ و.. را سفارشی کنید.

تب Advanced به شما این امکان را می دهد زمان دکمه بستن و برخی تنظیمات جزئی دیگر را انجام دهید. علاوه بر آن شما همچنین قادر هستید با استفاده از المان های المنتور، پاپ آپ خود را جلوه دهید و از طرح بندی های مختلف استفاده نمائید.

به همین سادگی شما توانستید یک پاپ آپ با استفاده از المنتور طراحی کنید.

 بیشتر بخوانید: افزونه ConvertPlus | بهترین افزونه ساخت پاپ آپ در وردپرس

آموزش درست کردن پاپ اپ در وردپرس با Popup Anything on Click

افزونه Popup Anything on Click یک افزونه وردپرس پاپ آپ ساز است که به شما این امکان را می دهد که با استفاده از طرح، تنظیمات، پیکربندی ها و نمایشگرهای خود، انواع نامحدودی از پنجره های پاپ آپ را به وب سایت خود اضافه کنید. این افزونه به شما توانایی ایجاد پنجره های پاپ آپ بسیار قابل تنظیم را می دهد. سپس می توانید آنها را در هر نقطه از وب سایت خود با استفاده از کدهای کوتاه جایگذاری کنید.

شاید بهترین چیز در مورد این افزونه این باشد که هیچ محدودیتی برای آنچه که می توانید در کادر پاپ آپ قرار دهید وجود ندارد. به عبارتی شما می توانید از متن، HTML، تصاویر، کدهای کوتاه و یا هر چیز دیگری که می خواهید در پنجره های خود استفاده کنید. علاوه بر این؛ افزونه به شما این امکان را می دهد تا پاپ آپ های خود را با استفاده از ویرایشگر متن ارائه شده طراحی کنید.

افزونه Popup Anything on Click با عملکردهای مختلفی همراه است که شما قادر خواهید بود پنجره پاپ آپ را در جایی که می خواهید قرار دهید. تمامی پاپ آپ های شما به بهترین شکل در تمام دستگاه ها به کاربران نمایش داده می شود. در ادامه نحوه طریقه ایجاد پاپ اپ در وردپرس با استفاده از افزونه Popup Anything on Click را به شما آموزش می دهیم.

برای ایجاد اولین پنجره پاپ آپ روی، ابتدا باید افزونه را نصب و فعال کنید. برای انجام اینکار؛ وارد پیشخوان وردپرس خود شوید و سپس از بخش “افزونه ها” روی گزینه “افزودن” کلیک کنید. سپس در باکس بالای صفحه نام افزونه را وارد و سرچ نمائید.

همچنین اگر با طریقه نصب افزونه آشنایی ندارید می توانید مطلب “چگونه در وردپرس افزونه اضافه کنیم؟ راه های نصب پلاگین در وردپرس” را مشاهده کنید. پس از نصب و فعال سازی افزونه، از بخش “Popup Anything” روی گزینه “تنظیمات” کلیک کنید.

بیشتر بخوانید: آموزش جامع کاهش درخواست های HTTP برای بهبود بارگذاری سایت در وردپرس

در این قسمت می توانید برخی از تنظیمات را به دلخواه خود پیکربندی کنید. پس از ان باید یک پاپ آپ بسازید. برای ایجاد پاپ پاپ، از بخش “Popup Anything” روی گزینه” افزودن یک پنجره بازشو” کلیک کنید.

پس از آن یک ویرایشگر متنی یا بصری (به انتخاب شما) به شما ارائه می شود، که اکنون می توانید اولین پنجره پاپ آپ خود را بسازید و طراحی کنید. در اولین قدم برای پنجره پاپ آپ خود یک نام درج کنید و سپس محتوا را هر طور که می خواهید بسازید و طراحی کنید.

سپس صفحه را به سمت پایین اسکرول کنید تا وارد بخش تنظیمات پاپ آپ خود شوید. ادامه دهید و نوع پاپ آپی را که می خواهید بسازید انتخاب و سپس بقیه تنظیمات خود را تنظیم کنید.

بیشتر بخوانید: آموزش گام به گام نصب وردپرس در یک زیرگروه (Subdomain )

این امکان برای شما فراهم است تا تنظیمات مربوط به صفحه نمایش، جلوه ها و موقعیت های پنجره پاپ آپ خود را به دلخواه تنظیم کنید.

پس از آن صفحجه را مجدداً به پایین اسکرول کنید و سایر تنظیمات دیگر را پیکربندی نمائید. در نهایت روی دکمه «انتشار» کلیک کنید تا پنجره پاپ آپ شما فعال شود. بعد از منتشر شدن پاپ اپ؛ می توانید آن را در لیست پاپ آپ های خود مشاهده کنید. این جایی است که تمام جعبه های شما هنگام ساخت آنها نمایش داده می شوند.

می توانید کد کوتاه تولید شده را در هر پست یا صفحه ای که می خواهید کپی و جایگذاری کنید. این جایی است که باکس پاپ آپ شما بر اساس روشی که آن را ساخته اید نمایش داده می شود.

بیشتر بخوانید: آموزش ساخت و طراحی سایت با وردپرس در کمتر از ۲ ساعت بدون برنامه نویسی و رایگان

سوالات متداول

جمع بندی: گذاشتن پاپ آپ در وردپرس

با پاپ آپ شما می توانید کاربران را از آخرین محصولات، نوشته ها، اطلاعیه ها و غیره باخبر سازید. برای ساخت پاپ آپ در وردپرس شما کار چندان سختی در پیش ندارید. ساده ترین راه برای ایجاد پاپ آپ، استفاده از یک افزونه پاپ آپ برای وردپرس می باشد. امیدوارم این آموزش مورد رضایت شما عزیزان قرار گرفته باشد.

منابع: happyaddons – wpforms