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

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

پاپ آپ چیست؟

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

Elementor pop up یک سازنده پاپ آپ داینامیک است که به همراه صفحه ساز المنتور ارائه می شود و نیازی به کد نویسی یا دانش خاصی ندارد. با توجه به ویژگی ها و سهولت استفاده از پاپ آپ المنتور، این سازنده با بالاترین کیفیت بهترین سازنده پاپ آپ برای سایت های وردپرسی است. اگر با المنتور آشنایی ندارید مقاله آموزش افزونه المنتور را مطالعه کنید. ساخت پاپ آپ در افزونه Layered Popups، را در مقاله ساخت پاپ آپ در layered popups آموزش دادیم.

   افزونه صفحه ساز المنتور                                                                                                       Elementor Pro

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

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

به پیشخوان وردپرس وارد شوید و مسیر پیشخوان وردپرس > قالب ها > Pop Up را دنبال کنید.

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

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

طراحی و تنظیمات پاپ آپ

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

در سربرگ تنظیمات، بطور کلی می توانید طرح و ظاهر مانند عرض، ارتفاع، موقعیت افقی/ عمودی، انیمیشن ورودی/ خروجی و دکمه بستن را سفارشی سازی کنید.

در سربرگ Style می توانید رنگ دکمه pop up ،overlay و close را تنظیم کنید.

سربرگ Advanced به شما امکان می دهد تا با زمان دکمه بستن و برخی تنظیمات جزئی دیگر، به خوبی کار کنید.

دقیقاً مانند بقیه قالب های Elementor می توانید ابزارک هایی را نیز برای جلوه دادن به ظاهر پاپ آپ خود اضافه کنید.

سربرگ تنظیمات (sttinges)

این سربرگ شامل سه بخش Layout (طرح بندی)، تنظیمات عمومی و Preview Settings می باشد.

Layout

در قسمت layout عرض، ارتفاع و موقعیت قرار گیری پاپ آپ مشخص می شود. دکمه های Overlay و  Close Button را می توانید فعال یا غیر فعال کنید.

برای ورود و خروج پنجره پاپ آپ یک انیمیشن ورودی و یک انیمیشن خروجی انتخاب کنید و سرعت انیمیشن را تنظیم کنید.

تنظیمات عمومی

 عنوان پاپ آپ و وضعیت نمایشی آن در تنظیمات عمومی مشخص می شود.

Preview Settings

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

پس از انتخاب وضعیت نمایشی مجددا برای بروزرسانی و بارگزاری مجدد به layout ارجاع داده می شوید.

 Close button

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

سربرگ پیشرفته (Advanced)

در این سربرگ دو بخش Advanced و Custom CSS قرار دارد.

Advanced

در این بخش تنظیمات زیر قابل انجام اند:

• Show Close Button After (sec):  دکمه بستن پاپ آپ بعد از زمانی که در این بخش تعیین می کنیم ظاهر می شود.
• Automatically Close After (sec): بعد از چند ثانبه به طور اتوماتیک پس از نمایش مخفی شود.
• Prevent Closing on Overlay : با فعال کردن این گزینه کاربر با کلیک بر روی صفحه قادر به بستن پنجره پاپ آپ نخواهد بود.
• Prevent Closing on ESC key :با فعال کردن این گزینه کاربر با فشردن کلید ESC قادر به بستن پنجره پاپ آپ نخواهد بود.
• Disable Page Scrolling : با فعال کردن این گزینه کاربر قادر به اسکرول صفحه نمایشی پشت پاپ آپ نخواهد بود. 
• Avoid Multiple Popups : با فعال کردن این گزینه اگر کاربر پاپ آپ دیگری را در صفحه مشاهده کرده است، این پاپ آپ پنهان می شود.
• Open By Selector : در این گزینه با استفاده از کلاس های css می توانید عملکرد نمایش پاپ آپ را تنظیم کنید.

Custom CSS

CSS سفارشی خود را اینجا اضافه کنید.

ذخیره پیش نویس

در گزینه های ذخیره سازی بخش های Display Conditions، Triggers و Advanced rules شرایط دقیقی از نحوه نمایش و زمانبندی نمایش پاپ آپ تنظیم می شود.

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

•  Triggers، پاپ آپ را بر اساس اقدامات خاص کاربر نمایش می دهد. مانند ثانیه هایی که باید سپری شود تا پاپ آپ اجرا شود، تعداد کلیک هایی که پس از انجام آن پاپ آپ به کاربر نمایش داده شود و…

• Advanced Rules، نمایش پاپ آپ را بر اساس مشخصات دستگاه ورودی، دفعات نمایش، آدرس خاص و.. تنظیم می کند. تنظیماتی مانند تعداد صفحاتی که کاربر باید مشاهده کند تا پاپ آپ نمایش داده شود، حداکثر دفعات جهت نمایش پاپ آپ در صفحه و …

 اگر تصمیم به غیر فعال کردن پاپ آپ را داشتید، می توانید دوباره به مسیر قالب ها > POP UP برگردید و آن را غیر فعال کنید. 

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

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