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

آموزش ساخت پاپ آپ با افزونه layered popups

با 289 طرح آماده پاپ آپ در افزونه layered popups می‌توانید پاپ‌ آپ‌ هایی با انیمیشن‌ های زیبا برای دانلود نسخه رایگان کتاب، ثبت نام، فرم های خبرنامه و کاربردهای دیگر بسازید. در این مقاله مراحل ساخت پاپ آپ با افزونه لایرپاپ آپ یا همان افزونه Green Popups را آموزش می دهیم.

2
13 مرداد 1400
آخرین بروزرسانی: 25 فروردین 1403

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

پاپ آپ چیست؟

قبل از رفتن سراغ آموزش افزونه layered popups بیایید مفهوم پاپ آپ را بدانیم؛ پاپ‌ آپ‌ ها نوعی از تبلیغات آنلاین هستند که معمولا در پنجره‌ای کوچک در صفحه نمایش داده می‌شوند. از قرار دادن پنجره پاپ آپ در سایت وردپرس می توان استفاده‌ های فراوانی کرد بازاریاب ها عمدتا از پنجره های بازشو برای تبلیغات و تولید لید استفاده می کنند.

آموزش ساخت پاپ آپ در وردپرس با Layered Popups

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

نصب و فعال سازی افزونه layered popups

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

گرین پاپ آپ

مراحل افزودن پاپ‌‌آپ به سایت

برای ساخت پاپ آپ با افزونه layered popups دو راه وجود دارد:

  1. ایجاد پاپ آپ جدید
  2. درون ریزی از کتابخانه پاپ آپ ها

1-ایجاد پاپ آپ جدید

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

ایجاد پاپ آپ 

2-درون ریزی از کتابخانه پاپ آپ ها

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

layered popups

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

ایجاد پاپ آپ 

ویرایش پاپ آپ ها

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

تنیظیمات پاپ آپ لایه ای

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

تنظیمات پاپ آپ

هدف گذاری

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

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

    • لود شدن صفحه: نمایش پاپ آپ هنگامی که صفحه به طور کامل برای کاربر لود شد.
    • نمایش پاپ آپ با اسکرول سایت
    • هنگام خروج کاربر از صفحه
    •  هنگامی که کاربر برای مدتی در سایت فعالیتی ندارد(عدم فعالیت)
    • نمایش پاپ آپ ابتدای یا انتهای محتوا بصورت چسبیده

در سر برگ هنگام لود ایجاد هدف گذاری را کلیک می کنیم.

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

ویژگی های هدف

ناحیه نمایش پاپ آپ

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

هدف های فعال

حالا وارد ناحیه نمایشی که برای popup خود تنظیم کردید وارد شوید و نتیجه را ببینید.

green popups

قابلیت ریموت ساخت پاپ آپ در وردپرس با لایر پاپ آپ

با این قابلیت می توانید پاپ آپ ساخته شده در سایت وردپرسی خود را در سایر صفحات HTML  یا PHP ساخته شده در هاست های دیگر نمایش دهید. این کار فقط در ۴ مرحله انجام می شود!

۱.تشخیص نوع صفحه

۲.تشخیص ورژن jQuery

۳.افزودن کد مناسب

۴.نمایش پاپ آپ شما

نکته: کدهای زیر برای هر کاربر یکتا و منحصر بفرد است و این کد ها نمونه ای از آن هاست.

مرحله اول

اطمینان حاصل کنید که صفحه غیر وردپرسی شما DOCTYPE است. اگر نیست، خط زیر را به عنوان خط اول HTML-document اضافه کنید.

<!DOCTYPE html>

مرحله دوم

اطمینان حاصل کنید که وب سایت شما از jQuery نسخه 1.9 یا بالاتر استفاده می کند. اگر از این نسخه استفاده نمی کردید، خط زیر را بهhead برگه خود اضافه کنید.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
مرحله سوم

کد جاوا اسکریپت زیر را در برگه مورد نظر قرار بدید. این کد را در آخرین قسمت مربوط به body قرار دهید، درست قبل از تگ </body>.

<"script id="lepopup-remote> 
 "src="https://plugins.mr-alidoosti.ir/green-popup/wp-content/plugins/halfdata-green-popups/js/lepopup.js?ver=7.11 
data-handler="https://plugins.mr-alidoosti.ir/green-popup/wp-admin/admin-ajax.php
</script

مرحله چهارم

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

<script>
lepopup_add_event("onload", {
    item:        "l3FkDx2LepR9dt7d",
    item_mobile: "l3FkDx2LepR9dt7d",
    mode:        "every-time",
    period:      24,
    delay:       0,
    close_delay: 0
});
</script>
در دکمه زیر می توانید نمونه یک پاپ آپ ریموت شده را مشاهده کنید.

مشاهده نمونه پاپ آپ ریمو شده

در این آموزش سعی کردی ساخت پاپ آپ در وردپرس با افزونه layered popups را به ساده ترین حالت ممکن توضیح دادیم. تنظیمات حرفه ای تری نیز در افزونه green popups وجود دارد که مناسب افرادی ست که تا حدی با برنامه نویسی آشنایی دارند و می توانند از تمام قابلیت های پاپ لایه ای استفاده کنند. آیا تا بحال از افزونه های ساخت پاپ آپ استفاده کردید؟  افزونه layerd popups را دانلود و نصب کنید و نظرات خود را با ما در میان بگذارید.

محصول پیشنهادی
بنر
افزونه Layered Popups، گرین پاپ آپ
دسته بندی : افزونه کاربردی
1822
فروش
88%
رضایت
فاطمه سامانی
فاطمه سامانی
فاطمه هستم و نزدیک به دو ساله فعالیتم تو حوزه سئو و وردپرس جدی شده. به نظر من "تنها کسی که تو دنیا می تونه کمکت کنه خودتی، پس به خودت باور داشته باش"
مقالات مرتبط
بنر
آموزش افزونه دیجیتس (ثبت نام سریع با پیامک)
در این مقاله آموزش دیجیتس (ِDigits) شامل نصب، تنظیمات، فرم‌ها، اتصال به سامانه پیامکی، استایل و افزودنی‌ها را به صورت ویدئویی آموزش دادیم. کار کردن با افزونه دیجیتس بسیار راحت است و به سرعت می‌توانید با نصب افزونه دیجیتس امکان عضویت و ورد کاربران با شماره موبایل را فراهم کنید.
بنر
آموزش افزونه Ultimate Affiliate Pro
شاید برای شما هم پیش آمده که برای خرید یک محصول لینک را باز کنید ولی وارد دیجی کالا شوید؛ یکی از روش های کسب درآمد بدون فروش محصولات خودمان افیلیت مارکتینگ است. به این صورت که شما یک سایت با محتوا کامل دارید و به جای قرار دادن لینک محصولاتتان لینک محصولات سایر سایت ها را قرار می دهید به این صورت ...
بنر
آموزش افزونه لرن دش
در سال های اخیر آموزش آنلاین جزء جدایی ناپذیر از سیستم آموزشی شده است و بسیاری از افراد تمایل به شرکت در دوره های مجازی دارند. طراحی سایت های آموزش آنلاین قدم بزرگی در پیشرفت سیستم آموزشی است. اگر از قالب وردپرس استفاده می کنید با استفاده از افزونه های وردپرس مانند لرن دش می توانید سایت خود را ...
بنر
دانلود افزونه لایت اسپید کش به همراه آموزش
استفاده از افزونه های بهینه سازی سایت یکی از راه های بهبود سرعت است. افزونه litespeed cache یکی از افزونه های بهینه سازی است که در این مقاله قصد داریم به آموزش افزونه لایت اسپید و نحوه تنظیمات آن بپردازیم. همراه ما باشید.
2 دیدگاه
BaranDesign
BaranDesign
13 شهریور 1400 09:17

این افزونه با ویژوال کامپوزر هم سازار هست؟

آیا مفید بود ؟
0
آقای مستر
آقای مستر
15 شهریور 1400 12:26

سلام، وقتتون بخیر

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

آیا مفید بود ؟