ایکون
100 قالب سایت آماده
897 هزار تومان
پیش نمایش
مجموعه مقالات وردپرس

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

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

2
28 تیر 1400
آخرین بروزرسانی: 19 اسفند 1402

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

پاپ آپ چیست؟

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

محصول پیشنهادی
بنر
افزونه المنتور (دانلود افزونه المنتور Elementor Pro)
دسته بندی : افزونه صفحه ساز وردپرس
18549
فروش
88%
رضایت

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

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

به پیشخوان وردپرس وارد شوید و مسیر پیشخوان وردپرس > قالب ها > 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 برگردید و آن را غیر فعال کنید.

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

فاطمه سامانی
فاطمه سامانی
فاطمه هستم و نزدیک به دو ساله فعالیتم تو حوزه سئو و وردپرس جدی شده. به نظر من "تنها کسی که تو دنیا می تونه کمکت کنه خودتی، پس به خودت باور داشته باش"
مقالات مرتبط
بنر
آموزش گام به گام بسته نصب آسان در لوکال هاست
اگر در لوکال هاست وب سایت خود را راه اندازی کنید می توانید یکباره وب سایت خود را به هاست منتقل کنید. یعنی بدون آنکه نیاز به هاست و دامنه داشته باشید، سایت را بدون استرس و نگرانی راه اندازی می کنید  و پس از مطمئن شدن از همه تغییرات دلخواهتان، آن را به هاست اصلی انتقال می دهید. همچنین در مصرف ...
بنر
آموزش قالب وودمارت؛ آموزش صفر تا صد طراحی فروشگاه
اگر می خواهید یک سایت حرفه ای طراحی کنید که کلیه امکانات یک فروشگاه آنلاین را داشته باشد کافی است یکی از 50 دموی فارسی و اختصاصی مانند دیجی کالا و موتن رو قالب وودمارت را نصب و استفاده کنید. همچنین این قالب فروشگاه ساز به همراه اپلیکیشن ارائه شده و کاربران می توانند یک نسخه از وب سایت را روی ...
بنر
آموزش نصب و فعالسازی ioncube در زمپ
ionCube Loader ماژولی است که برای اجرای فایل های رمزگذاری شده روی سرور نصب می شود. نصب و فعالسازی ioncube به سادگی انجام می شود. در صورت فعال نبودن ionCube شما با خطا مواجه می شوید. اما راهکار ساده رفع این خطا نصب ionCube در کمتر از چند دقیقه است که در ادامه به توضیح آن به صورت ویدئویی می پردازیم.
بنر
آموزش نصب آسان قالب وردپرس در Cpanel
شاید شما هم این جمله را شنیده باشید. در کم تر از 10 دقیقه سایت وردپرس خود را نصب کنید. در نگاه اول به نظرتان این جمله فقط یک تبلیغ برای جذب مخاطب به نظر می‌رسد اما کاملا درست است. کافی است از بسته نصب آسان وردپرس استفاده کنید تا سایت شما در کم تر از 10 دقیقه، روی هاست نصب شود. با هم نصب قالب ...
2 دیدگاه
masoudmk
masoudmk
23 اسفند 1400 15:24

سلام .چجوری کاری کنم که با کلیک روی یه لینک این پاپ اپ باز بشه؟؟؟

آیا مفید بود ؟
0
فاطمه سامانی
فاطمه سامانی
18 فروردین 1401 08:34

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

آیا مفید بود ؟