× پرچم دار جدید امروز : قالب هاب - قدرتمندترین قالب چند منظوره با بیش از 700 المان!خرید با تخفیف
Rtl Theme LOGO

تنها مرجع قانونی عرضه قالب و افزونه در ایران ...

شرکت فناوری اطلاعات راست چین

ایمیل: info [at] rtl-theme.com
نشانی: تبريز - خیابان امام، مسجد کبود
ساختمان پزشکان، طبقه 4

تلفن ویژه : ۰۳۸۳۱۱۲۴

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

دسته‌بندی: آموزش وردپرس
۲۸ تیر ۱۴۰۰
۸۵ بازدید

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

طراحی پاپ آپ با افزونه المنتور

 

پاپ آپ چیست؟

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

پاپ آپ چیست؟

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

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

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

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

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

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

choosearea

 

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

پاپ آپ جدید

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

قالب های آماده پاپ آپ

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

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

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

 

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

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

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

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

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

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

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

Layout

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

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

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

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

Preview Settings

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

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

سربرگ استایل (style)

overlay ،popup، و close button سه بخش سربرگ استایل هستند.

سربرگ استایل (style)

popup

تنظیمات ظاهری مانند نوع پس زمینه و نوع گوشه ها و کادر دور، سایه پاپ آپ را تعیین کنید.

Overlay

نوع پس زمینه، رنگ و یا یک تصویر را برای فضای پاپ آپ انتخاب کنید.

 Close button

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

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

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

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

Advanced

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

  •  دکمه بستن پاپ آپ بعد از زمانی که در این بخش تعیین می کنیم ظاهر می شود.
  • Automatically Close After (sec): بعد از چند ثانبه به طور اتوماتیک پس از نمایش مخفی شود.
  • Avoid Multiple Popups : اگر کاربر پاپ آپ دیگری را در صفحه مشاهده کرده است، این پاپ آپ پنهان می شود.
  • Open By Selector : در این گزینه با استفاده از کلاس های css می توانید عملکرد نمایش پاپ آپ را تنظیم کنید.

Custom CSS

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

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

در گزینه های ذخیره سازی بخش های Display Conditions، Triggers و Advanced rules شرایط دقیقی از نحوه نمایش و زمانبندی نمایش پاپ آپ تنظیم می شود.
ذخیره پیش نویس
  • Conditions، تعیین می کند که پاپ آپ در کجا ظاهر شود. مثلا تنظیم کنید که پاپ آپ فقط در صفحه اصلی نمایش داده شود.

Conditions

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

Triggers

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

Advanced Rules

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

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



ارسال دیدگاه

برای ارسال دیدگاه شما باید وارد شوید!


تومان