آموزش گذاشتن پاپ آپ در سایت و خرید افزونه popup builder

• ایجاد و مدیریت تعداد زیادی صفحه پاپ آپ
• امکان سفارشی سازه پنجره های پاپ آپ از نظر ظاهر
• امکان تنظیم افکت های انیمیشنی روی پاپ آپ
• امکان انتخاب یک طرح از میان طرح های موجود برای پاپ آپ
• قابلیت تنظیم مکان پنجره روی صفحه
• امکان تنظیم نمایش پنجره پاپ آپ به کسی که صفحه را اسکرول می کند.
• امکان فعالسازی پاپ آپ با حرکت موس یا کلیک
• امکان تنظیم پاپ آپ تکرار شونده
• امکان تایید پنجره پاپ آپ و یا ترک پنجره پاپ آپ
• صد در صد رسپانسیو
• صدای باز شدن پنجره پاپ آپ
• سازگار با چندین سایت و شبکه
• سازگار با WPML
• سازگار با ویژوال کامپوزر
• سازگار با افزونه DIVI builder
• امکان ریدایرکت کاربران به پیج دیگر با کلیک روی پنجره پاپ آپ
• امکان نمایش و یا مخفی کردن پنجره پاپ آپ برای برخی از کاربران
• باز کردن پنجره پاپ آپ از طریق آدرس URL
• باز کردن مجدد پنجره پاپ آپ بعد از ارسال فرم

• Contact Form 7
• Ninja Forms
• Gravity Forms
• TablePress
• Formidable Forms
• WP Google Maps
• HTML5 Maps
• Review Builder

انواع افزونه پاپ آپ برای وردپرس

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

• ConvertPlus
• Ninja Popups
• OptinMonster
• Layered Popups
• Icegram
• Popup Maker
• WP Subscribe Pro
• PopUp Domination

آموزش نصب popup builder

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

1. افزونه popup builder را در مخزن وردپرس جستجو نمایید سپس روی دکمه “هم اکنون نصب کن” مقابل نام افزونه کلیک کنید.
   
2. پس از نصب افزونه، روی دکمه “فعال نمایید” کلیک کنید.
   
3.  پس از نصب و فعال سازی افزونه گزینه ای تحت عنوان popup builder به پنل پیشخوان وردپرس اضافه می گردد. روی گزینه All Popups کلیک کنید.
   

این منو شامل زیر منوهای زیر می باشد که در ادامه به شرح مفصل آن ها خواهیم پرداخت:

• All Popups: تمامی پاپ آپ های وردپرسی ایجاد شده در این قسمت نمایش داده می شوند.
• Categories: در این قسمت امکان ساخت دسته بندی برای تفکیک پاپ آپ ها وجود دارد.
• Add New: امکان ایجاد پاپ آپ وردپرسی جدید
• Newslettrs: مشاهده کاربران ثبت شده
• Settings: امکان ایجاد تنظیمات و پیگربندی پاپ آپ ها

چگونه پاپ آپ بسازیم؟

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

سپس در منوی popup builderبه زیرمنوی add new مراجعه کنید. در این بخش می توانید نوع پاپ آپی که می خواهید ایجاد کنید را انتخاب نمایید. توجه داشته باشید در نسخه رایگان این افزونه تنها امکان ایجاد پاپ آپ های تصویری، html، فیس بوک، subscribtion و more idea را خواهید داشت. سایر پاپ آپ ها در نسخه  پیشرفته افزونه ارائه می شوند.

در این قسمت به عنوان مثال گزینه subscription را انتخاب می کنیم. همانطور که مشاهده می کنید صفحه زیر باز می شود.

در بخش متنی می توانید متن پنجره پاپ آپ خود را شامل عنوان و متن اصلی تایپ کنید. امکان درج لینک، لیست های شماره دار و بدون شماره، تغییر رنگ… فراهم است.

1- اعمال استایل سفارشی به پاپ آپ وردپرسی

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

2- محل قرار گرفتن پنجره پاپ آپ وردپرس

در هنگام ساخت پاپ آپ برای سایت، در قسمت popup display Rules می توانید مکان نشان دادن پاپ آپ را مشخص کنید.

در قسمت popup event می توانید رویدادی را مشخص کنید که پس از آن پاپ آپ نمایش داده شود که شامل گزینه های زیر می باشد:

• on load: هنگام لود شدن صفحه
• on click: با کلیک موس
• on hover: با حرکت موس روی صفحه
• Set by CSS class: تنظیم با کلاس css

در قسمت Popup Conditions می توان شرایط بیشتری برای نمایش پاپ آپ تنظیم کرد. ( این قسمت در نسخه پرمیوم قابل استفاده است.)

3- نمایش پاپ آپ بعد از فرایندی خاص

در بخش Behavior after special events می توانید مشخص کنید بعد از یک رویداد خاص چه پاپ آپی نمایش داده شود. مثال: پس از تکمیل و ارسال یک فرم

در اینجا Contact form 7 submission انتخاب شده و در بخش behavior رفتاری که پس از ارسال فرم تماس با ما انجام می شود را انتخاب کردیم. در قسمت Design تنظیماتی برای شخصی سازی ظاهر پاپ آپ قابل انجام است. بدین ترتیب کاربر پس از تکمیل فرم، پاپ آپ شما را مشاهده می کند.

• force RTL: به منظور راست به چپ کردن پاپ آپ ها گزینه force RTL را تیک بزنید.
• padding: می توانید برای پاپ آپ های خود padding تنظیم کنید تا از کادر اطراف فاصله ای دشته و زیباتر شود.
• Theme: در این قسمت با حرکت موس می توانید قالب پاپ آپ خود را انتخاب کنید.
• Overlay custom css class: اگر برای نمایش پاپ آپ کلاس خاصی تعریف کرده اید در قسمت Overlay custom css class نام کلاس را وارد نمایید.
•  change color و opacity: رنگ پاپ آپ و میزان شفافیت آن را در بخش change color و opacity مشخص نمایید.
• show background: با فعال کردن گزینه show background می توانید برای پس زمینه پاپ آپ خود یک رنگ یا یک تصویر انتخاب کنید. و میزان شفافیت آن را تنظیم کنید.

4- تنظیمات بسته شدن پاپ آپ وردپرس

در بخش Close settings می توانید تنظیمات مربوط به بسته شدن پنجره پاپ آپ را مشخص نمایید.

• Dismis on “Esc” key: در صورت فعال بودن این گزینه، با فشار دادن کلید Esc صفحه کلید پنجره های پاپ آپ بسته می شوند.
• show “close” button: به منظور نمایش دکمه بستن پاپ آپ انتخاب می شود.
• Button delay: زمان نمایش دکمه را در قسمت Button delay برحسب ثانیه می توان وارد نمود.
• Button position: موقعیت دکمه close را می توان در بخش Button position مشخص نمود.
• Right و top: می توانید میزان فاصله دکمه close را از سمت راست و پایین مشخص نمایید.
• Button image: می توان برای دکمه تصویر انتخاب نمود. روی دکمه change image کلیک و تصویر دلخواه خود ر انتخاب نمایید.
• width و height: به ترتیس پهنا و ارتفاع عکس دکمه بستن را در این بخش وارد کنید.
• در صورتی که گزینه Dismiss on overlay click فعال باشد کاربر روی هر قسمت از صفحه که پاپ آپ قرار ندارد کلیک کند پاپ آپ بسته خواهد شد.

5- تنظیمات سفارشی سازی پاپ آپ وردپرس

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

• Responcive mode: اگر این گزینه را فعال نمایید افزونه به طور خودکار اندازه پاپ آپ را با توجه به اندازه صفحه نمایش می دهد. در قسمت size می توانید ابعاد پنجره پاپ آپ را انتخاب نمایید. این ابعاد درصدی است.
• custom mode: با انتخاب گزینه custom mode می توانید ابعاد دلخواه پاپ آپ ها را به صورت دستی وارد نمایید. با انتخاب این گزینه ممکن است پاپ آپ ها در موبایل و تبلت ها به خوبی نشان داده نشود. در ادامه به ترتیب حداکثر پهنا، حداکثر ارتفاع، حداقل پهنا و حداقل ارتفاع را تعیین کنید. این مقادیر می توانند بر اساس پیکسل یا درصد تنظیم شوند.

6- تنظیمات پاپ اپ در وردپرس

در بخش popup options می توانید پیکربندی کلی پاپ آپ ها  را تنظیم کنید.

• Action on popup content click: در این قسمت می توانید عملی که با کلیک روی پنجره پاپ آپ انجام می شود را مشخص نمایید.
• Close Popup: با کلیک روی پاپ آپ پنجره بسته خواهد شد.
• Redirect: با کلیک روی پاپ آپ به صفحه دیگری هدایت می شوید.
• Copy to clipboard: یک متن دلخواه در حافظه کامپیوتر کاربر کپی خواهد شد.
• popup showing limitation: محدودیت تعداد دفعات نمایش پاپ آپ ها را در قسمت popup showing limitation مشخص نمایید.
• Popup opening sound: جهت پخش یک آهنگ به محض باز شدن پاپ آپ گزینه Popup opening sound را انتخاب نمایید.
• Popup opening animation: می توانید برای باز شدن پاپ آپ انیمیشن انتخاب کنید.
• Popup closeing animation: می توانید تنظیم کنید برای بسته شدن پاپ آپ انیمیشن نمایش داده شود.
• popup location: می توانید موقعیت نمایش پاپ آپ نسبت به صفحه را مشخص نمایید.
• Disable page scrolling: اگر این گزینه فعال باشد تا زمانی که پاپ آپ ها باز هستند کاربران امکان اسکرول در صفحه را ندارد.
• Enable content scrolling: امکان اسکرول محتوای پاپ آپ را برای کاربر فراهم می کند.
• Reopen after form submission: امکان باز شدن پاپ آپ ها را بعد از ارسال فرم فراهم می کند.
• Popup order: اولویت نمایش پاپ آپ ها را مشخص می کند.
• Custom event delay: اگر می خواهید پاپ آپ شما با تاخیر باز شود زمان تاخیر باز شدن پاپ آپ را در این قسمت مشخص کنید.
• custom js or css: می توانید با کدهای css و js پاپ آپ ها را استایل دهی کنید.

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

لیست کسانی که از طریق این افزونه در سیستم شما ثبت شده اند را می توانید در زیر منوی all subscribers مشاهده کنید.

در زیرمنوی Newsletter نیز می توانید محتوای ایمیل ارسالی پس از ثبت نام کاربران را تغییر دهید و سفارشی سازی های لازم را اعمال کنید.

در زیر منوی Settings هم امکان تغییر تنظیمات افزونه فراهم است. در این بخش دو گزینه زیر وجود دارد:

• Delete popup data: به کمک این گزینه می توانید تمامی تنظیمات افزونه را پاک کنید.
• User role to access the plugin: در این بخش می توانید مشخص نمایید چه افرادی به افزونه دسترسی داشته باشند. به عنوان مثال می توان تنظیم کرد فقط مدیر سایت به افزونه دسترسی داشته باشد. پس از انجام تنظیمات لازم روی گزینه save change کلیک کنید.

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

سوالات متداول درباره افزونه popup builder