نمایش پاپ آپ در وردپرس با Simple Popup Manager

• افزونه وردپرس
• بروزرسانی شده در ۹ تیر ۱۴۰۰

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

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

پاپ آپ چیست

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

معمولاً محتوای پاپ‌ آپ یک چیزی است که برای مدیر سایت اهمیت زیادی دارد، چراکه دید کاربر به آن سمت متمرکز می‌شود، مثلاً ممکن است یک خبر، تبلیغ مهم را در آن جایگذاری کنید. البته شما باید این نکته را هم بدانید که استفاده بیش‌ازحد از آن‌ها ممکن است کاربر شما را کلافه کند و در آخر کاربر از سایت شما خارج شود؛ پس شما باید با یک روش اصولی آن‌ها را در سایت به نمایش در بیاورید.

این قابلیت برای کاربران وردپرسی در دسترس است و می‌توانید در کمترین زمان ممکن، به سایت خود پاپ آپ اضافه کنید.

نمایش پاپ آپ در وردپرس با افزونه رایگان Simple Popup Manager

Simple Popup Manager یکی از بهترین افزونه‌هایی است که شما می‌توانید از آن برای قرار دادن پاپ آپ در سایت خود از آن استفاده کنید. این پلاگین کاملاً رایگان است و شما برای استفاده از آن نیازی به پرداخت هیچ هزینه‌ای ندارید. به‌راحتی آن را از مخزن وردپرس خود دانلود کنید و آن را با کمک راهنمای نصب افزونه در وردپرس، روی سایت خود فعال کنید.

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

ویژگی‌های این افزونه عبارتند از:

• حجم کم و کاربری آسان.
• نمایش لایت باکس با استفاده از جی کوئری.
• سازگار با تمامی مرورگرها.
• قابلیت تنظیم ابعاد پنجره.
• دارای ویرایشگر مخصوص برای نوشتن پیغام‌ها.
• قابلیت تنظیم روشنایی پس زمینه و تعداد دفعات نمایش.
• و…

آموزش کار با افزونه Simple Popup Manager

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

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

فعالسازی افزونه

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

Where would you like the PopUp Window to be Visible

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

Debug Mode

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

Display Close Button

اگر تیک این گزینه را فعال کنید، یک دکمه به شکل ضربدر در گوشه‌ی بالایی پنجره پاپ آپ نمایش داده می‌شود که کاربر در صورت دلخواه بتوانید با استفاده از آن، پنجره را ببندد؛ پیشنهاد می‌کنم تیک این گزینه را حتماً بزنید.

Cookie Duration (in days)

این بخش برای این است که شما یک محدودیتی برای نمایش پاپ آپ در طول روز قرار دهید. مثلاً اگر شما در باکس مربوط به این گزینه، عدد 2 را وارد کنید، تا 2 بار که صفحه توسط کاربر باز شود، پاپ آپ برای آن نمایش داده می‌شود و اگر در این قسمت عدد 0 را وارد کنید، به این معنی است که در تمامی صفحات، بدون هیچ محدودیتی و تا بی‌نهایت برای کاربر پنجره تبلیغاتی نمایش داده می‌شود.

البته پیشنهاد ما این است که عدد این گزینه را روی 1 یا 2 قرار دهید، قرار نیست شما با تبلیغات بی‌اندازه، کاربر خود را خسته کنید.

Dimensions and Tthreshold

این گزینه شامل 3 بخش است که مربوط به‌اندازه و ابعاد پنجره و میزان روشنایی پس‌زمینه است. میزان روشنایی را می‌توانید 0 یا 1 قرار دهید؛ 0 یعنی یک پس‌زمینه کاملاً شفاف اما اگر آن را روی 1 قرار دهید یعنی کاملاً تیره.

Background Screen Color

کد رنگ موردنظر خود را که می‌خواهید در پس‌زمینه پنجره پاپ آپ نمایش داده شود، باید در این بخش وارد کنید.

Popup Content

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

Disable Closing Popup When Clicking Outside it

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

در آخر فراموش نکنید که بر روی گزینه “ذخیره تغییرات” کلیک کنید تا تنظیماتی که سفارشی کردید روی سایت ذخیره شود.

کد CSS برای زیباتر شدن ظاهر پاپ آپ

برای اینکه بتوانید ظاهر پاپ آپ سایت را زیباتر کنید، می‌توانید از کد زیر استفاده کنید، به‌راحتی به بخش پیشخوان» نمایش» ویرایشگر پوسته بروید و این کد را به فایل استایل قالب سایت خود اضافه کنید:

#inPopUp{
    border: 9px solid rgb(34, 34, 34);
    border-radius: 13px 13px 13px 13px;
    box-shadow: 0px 0px 10px 10px rgb(0, 0, 0);
}
#inPopUp p{
    color:#000;
    font-size:16px;
}


امیدواریم این مقاله برای شما مفید واقع شده باشد. موفق و پیروز باشید. 🙂

رضا راد

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