خانه / شرکت طراحی سایت / آموزش ساخت پنجره تبلیغاتی پاپ‌آپ در وردپرس با Popups

آموزش ساخت پنجره تبلیغاتی پاپ‌آپ در وردپرس با Popups

notification popup-پنجره تبلیغاتی در وردپرس

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

پنجره تبلیغاتی در وردپرس

افزونه Popups یکی از افزونه‌های کاربردی برای ساخت پنجره تبلیغاتی در وردپرس است که به سادگی می‌توان پنجره‌های پاپ‌آپ را بدون محدودیت در این افزونه طراحی کرد. این افزونه تنظیمات بسیار ساده‌ای دارد و می‌توان بدون دردسر پاپ آپ را اجرا کرد.

نصب و راه‌اندازی Popups

popups- پنجره تبلیغاتی در وردپرس

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

Add New

add new- پنجره تبلیغاتی در وردپرس

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

design popup-پنجره تبلیغاتی در وردپرس

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

popup appearence-پنجره تبلیغاتی در وردپرس

کمی به پایین صفحه بیایید…
تنظیماتی مربوط به ظاهر پنجره تبلیغاتی در وردپرس را می‌توانید انجام دهید.

Overlay color: از این قسمت رنگی را برای بک‌گراند پنجره پاپ آپ انتخاب کنید.
Overlay opacity: از این قسمت می‌توانید مشخص کنید که رنگ پشت پنجره پاپ‌آپ به چه مقداری پر رنگ و کم رنگ باشد.
Background color: از این گزینه رنگ پس‌زمینه پاپ‌آپ خود را مشخض کنید.
Background opacity: از این گزینه مشخص کنید که پس زمینه پاپ‌آپ چقدر روشن باشد.

popup box- پنجره تبلیغاتی در وردپرس

border- پنجره تبلیغاتی در وردپرس

Box width: از این گزینه می‌توانید عرض پنجره تبلیغاتی در وردپرس را مشخص کنید.
Text color: از این گزینه می‌توانید رنگ متن پنجره پاپ آپ را مشخص کنید.
Shadow Color: از این گزینه می‌توانید مشخص کنید سایه پنجره پاپ آپ چه رنگی باشد.
Shadow Type: از این گزینه می‌توانید مشخص کنید که نوع سایه پنجره چگونه باشد.
X Offset: از این گزینه می‌توانید مشخص کنید پنجره چقدر انحراف داشته باشد.
Border color: از این گزینه می‌توانید مشخص کنید که رنگ لبه پنجره پاپ آپ چه رنگی باشد.

Border width: از این گزینه مشخص کنید که عرض لبه پنجره پاپ آپ چقدر باشد.
Border radius: از این گزینه می‌توانید شعاع لبه پنجره پاپ آپ را مشخص کنید.
Border type: از این گزینه میتوانید نوع لبه پنجره پاپ آپ را مشخص کنید.
Color: از این گزینه می‌توانید مشخص کنید که رنگ (ضربدر) که برای بسته شدن پنجره پاپ آپ است، چه رنگی باشد.
Hover Color: از این گزینه می‌توانید مشخص کنید که بعد از رفتن موس روی دکمه ضربدر چه رنگی شود .
Shadow Color: از این گزینه می‌توانید رنگ سایه را مشخص کنید.
Size: از این گزینه می‌توانید مشخص کنید که دکمه ضربدر چند پیکسل باشد.

css- پنجره تبلیغاتی در وردپرس

Custom CSS: از این کادر می‌توانید کدهای css مد نظر خود را برای تنظیمات سفارشی وارد کنید و پنجره تبلیغاتی در وردپرس را سفارشی‌سازی کنید.
Box Position: از این گزینه می‌توانید مشخص کنید که پنجره پاپ آپ در کجای صفحه قرار گیرد .

display option- پنجره تبلیغاتی در وردپرس

Trigger action: از این گزینه می‌توانید مشخص کنید که پنجره تبلیغاتی در وردپرس به چه نحوه‌ای باز شود.
Closing cookie: از این گزینه می‌توان مشخص کرد که کاربر بعد از بستن پنجره پاپ آپ چه مدتی دیگر این پنجره برایش باز نشود.
Close on conversion: اگر این گزینه را فعال کنید بعد از چند ثانیه به صورت خودکار پاپ آپ برای کاربر بسته می‌شود.
Enable test mode: این گزینه برای فعال کردن حالت تستی است که به شما اجازه می‌دهد افزونه را تست کنید.
Animation: با این گزینه می‌توانید مشخص کنید که حالت انیمیشنی پنجره پاپ آپ به چه صورت باشد.
Show powered by link: اگر این گزینه را فعال کنید نام افزونه در زیر پنجره پاپ آپ نوشته می‌شود.

settings

settings - پنجره تبلیغاتی در وردپرس

Ajax mode: با این گزینه افزونه به صورت ایجکس نمایش داده می‌شود.
Enable Debug mode: با فعال کردن این گزینه می‌توانید باگ‌های موجود را شناسایی کنید.
Enable safe mode: این گزینه حالت ایمنی را فعال می‌کند.
Remove shortcodes style: این گزینه سبک های کد کوتاه را حذف می‌کند.

خروجی کار

result- پنجره تبلیغاتی در وردپرس

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

دانلود افزونه PopUps

دانلود افزونه
صفحه افزونه
دانلود نسخه حرفه ای

نوشته آموزش ساخت پنجره تبلیغاتی پاپ‌آپ در وردپرس با Popups اولین بار در همیاروردپرس پدیدار شد.


منبع: همیار وردپرس

Check Also

قالب تک‌صفحه‌ای وردپرس Elead

سلام دوستان! در این نوشته از همیار وردپرس قصد معرفی قالبی دیگر را از مجموعه ...