ساخت پاپ آپ در وردپرس با افزونه Popup Builder

ساخت پاپ آپ در وردپرس

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

ساخت پاپ آپ در وردپرس

افزونه‌های زیادی برای ساخت پاپ‌ ‎آپ در وردپرس وجود دارد. یکی از افزونه‌های ساده و در عین حال کاربردی، افزونه Popup Builder است. با استفاده از این افزونه می‌توانید اقدام به ساخت پنجره‌ های تبلیغاتی در وردپرس کنید. این افزونه با بیش از 100000 نصب فعال، دارای امتیاز 5 از 5 است. برخی از امکانات افزونه Popup Builder عبارت‌اند از:

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

  • ساخت بی‌نهایت پاپ آپ مختلف در وردپرس
  • قرار دادن انیمیشن برای نمایش پاپ آپ
  • نمایش عکس به صورت پاپ آپ
  • ساخت فرم خبرنامه در پاپ آپ
  • قرار دادن کد HTML در پاپ آپ
  • و …

نصب و راه اندازی افزونه Popup Biulder

profile builder- ساخت پاپ آپ در وردپرس

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

در سمت راست پیشخوان وردپرس، قسمت جدیدی به نام Popup Builder برای ساخت پاپ آپ در وردپرس ساخته شده است؛ روی آن کلیک کنید.

popup menu- پاپ آپ حرفه ای در وردپرس

حال به معرفی هر یک از زیر منوهای این قسمت می‌پردازیم.

All Popups: در این قسمت تمامی پاپ آپ هایی که ساخته‌اید لیست می‌شوند. همچنین با استفاده از دکمه‌های Import و Export می‌توانید از پاپ آپ‌ها خروجی بگیرید یا پاپ آپ‌های خود را درون ریزی کنید.
Categories: در صورت تمایل می‌توانید پاپ آپ‌های خود را دسته بندی کنید. برای این کار کافیست در این قسمت دسته بندی‌های مورد نظر خود را بسازید.

Add New: برای ساخت پاپ آپ در وردپرس جدید وارد این قسمت شوید.
Subscribers: لیست دنبال کنندگان شما که در خبرنامه ایمیلی از طریق این افزونه ثبت نام کرده‌اند را نمایش می‌دهد. در این صفحه می‌توانید دنبال کنندگان را به صورت دستی نیز وارد کنید.

Newsletter: ایمیل ارسال شده توسط افزونه پس از ثبت نام کاربران در خبرنامه را در این قسمت می‌توانید ویرایش کنید. کافیست یک پاپ آپ که قبلا ساخته‌اید را به عنوان پاپ آپ خبرنامه انتخاب کنید و سپس محتوای ایمیل را سفارشی‌سازی کنید.
Settings: تنظیمات افزونه در این قسمت قرار دارد که به بررسی آن می‌پردازیم.

settings- پاپ آپ در وردپرس

Delete popup data: اگر این گزینه فعال باشد، تمامی اطلاعات پاپ آپ‌ها پس از پاک کردن افزونه پاک می‌شود.
User role to access the plugin: نقش یا نقش‌های کاربری وردپرس را که می‌خواهید به افزونه دسترسی داشته باشند را در این قسمت تعیین کنید. همیشه مدیر سایت به افزونه دسترسی دارد.

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

forms- ساخت پاپ آپ در وردپرس

به عنوان مثال، ما “عکس” یا “Image” را انتخاب می‌کنیم. روی آن کلیک کنید تا وارد صفحه جزئیات پنجره تبلیغاتی در وردپرس شوید.

popup details- ساخت پاپ آپ

یک عنوان دلخواه برای پاپ آپ خود انتخاب کنید و در قسمت Image Popup Main Options، عکس مورد نظر خود را آپلود کنید.

image popup- پاپ آپ در وردپرس

Popup Display Rules: در این قسمت مکان‌هایی از وبسایت را که می‌خواهید پاپ آپ در آنجا نمایش داده شود و یا نشود را وارد کنید. از قسمت Display Rule مکان مورد نظر را انتخاب کنید. در صورت نیاز می‌توانید روی دکمه Add کلیک کنید و مکان جدیدی را اضافه کنید. حتی می‌توانید پاپ آپ را در صفحه‌ای خاص مثل صفحه یکی از محصولات خود نمایش دهید. برای این کار مقدار Selected Product را انتخاب کنید و در لیست باز شده، محصول خود را انتخاب کنید.

Popup Events: این قسمت مربوط به چگونگی نمایش پاپ آپ است. از قسمت Event می‌توانید تعیین کنید پاپ آپ هنگام بارگذاری صفحه، کلیک کردن و یا هاور کردن موس نمایش داده شود.

  نمایش پنجره پاپ آپ به صورت متفاوت در وردپرس با ITRO Popup+ ویدئوی آموزشی

Design

design- ساخت پاپ آپ

Popup z-index: مقدار ارزش پاپ را تعیین می‌کند که براساس آن و در مقایسه با ارزش بقیه المان‌ها، پاپ آپ بارگذاری خواهد شد. بهتر است به این مقدار دست نزنید.
Theme: با هاور کردن و نگه داشتن موس روی هر یک از گزینه‌ها، می‌توانید قالب‌های نمایش مختلف پاپ آپ را مشاهده کنید و یکی را انتخاب کنید.
Overlay custom css class: در صورتی که برای نمایش پاپ آپ کلاس خاصی خودتان نوشته‌اید، نام آن را در این قسمت وارد کنید.
Change color: رنگ پاپ آپ را تعیین کنید.

Opacity: میزان شفافیت نمایش پاپ آپ را تعیین کنید.
Show background: می‌توانید این گزینه را تیک بزنید تا پس زمینه‌ای رنگی برای پاپ آپ نمایش داده شود که رنگ آن را نیز می‌توانید تغییر دهید.

Close Settings

close setting- پاپ اپ در وردپرس

Dismiss on “esc” key: با فعال بودن این گزینه، اگر دکمه Esc کیبورد زده شود، پنجره های تبلیغاتی در وردپرس بسته خواهد شد.
Show “close” button: اگر می‌خواهید دکمه بستن پاپ آپ نمایش داده شود، این گزینه را فعال کنید.
Button delay: در صورتی که می‌خواهید دکمه بستن پاپ آپ با تاخیر نمایش داده شود، میزان تاخیر را به ثانیه وارد کنید.
Right و bottom: میزان فاصله دکمه بستن را از راست و پایین تعیین کنید.

Button image: عکس دکمه بستن را انتخاب کنید.
Width و Height: عرض و ارتفاع عکس دکمه بستن پاپ آپ را انتخاب کنید.
Dismiss on overlay click: در صورت فعال بودن این گزینه، اگر کاربر روی هر قسمتی از صفحه که پاپ آپ وجود ندارد کلیک کند، پاپ آپ بسته خواهد شد.

Dimensions

demination- ساخت پاپ آپ در وردپرس

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

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

Popup Options

ساخت پاپ آپ در وردپرس

Action on popup content click: از این قسمت باید تعیین کنید پس از کلیک روی پاپ آپ چه اتفاقی رخ دهد. این گزینه را تیک بزنید تا حالات مختلف نمایش داده شود. 3 حالت را می‌توانید تعیین کنید:

  • Close popup: که امکان پاپ آپ بسته خواهد شد.
  • Redirect: لینکی را به پاپ آپ اختصاص می‌دهد که با فعال کردن این گزینه، می‌توانید لینک مورد نظر را وارد کنید.
  • Copy to clipboard: با کلیک کردن روی پاپ آپ، متنی در حافظه کلیپ بورد کامپیوتر کاربر کپی خواهد شد. این متن را می‌توانید تعیین کنید.

Popup showing limitation: تعداد دفعات نمایش پنجره های تبلیغاتی در وردپرس به هر کاربر را تعیین کنید. همچنین می‌توانید از این قسمت تعداد روزهایی را که پس از آن پاپ آپ منقضی می‌شود را وارد کنید.
Popup Opening sound: در صورتی که می‌خواهید با باز شدن پاپ آپ صدایی نیز تولید شود، این گزینه را تیک بزنید. می‌توانید صدای دلخواه خود را نیز قرار دهید.
Popup opening animation: می‌توانید یک انیمیشن برای باز شدن پاپ آپ تعیین کنید.
Popup closing animation: می‌توانید یک انیمیشن برای بستن پاپ آپ تعیین کنید.
Popup location: موقعیت پاپ آپ نسبت به صفحه را می‌توانید از این قسمت تعیین کنید.

Disable page scrolling: با فعال بودن این گزینه، تا زمانی که پنجره های تبلیغاتی در وردپرس باز است، کاربر نمی‌تواند اسکرول کند. (به بالا یا پایین تر برود)
Enable content scrolling: در صورتی که محتوای پاپ آپ در ابعاد مشخص شده جا نشود، با فعال کردن این گزینه می‌توانید اجازه اسکرول محتوای پاپ آپ را بدهید.
Popup order: اولویت نمایش این پاپ آپ را نسبت به پاپ آپ‌های دیگر تعیین کنید. هر چه عدد بزرگتری را بنویسید، آن پاپ آپ زودتر از بقیه نمایش داده خواهد شد.
Custom event delay: برای تاخیر در باز شدن پاپ آپ، می‌توانید از این قسمت مقداری را به ثانیه وارد کنید.

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

ساخت پاپ آپ در وردپرس

جمع بندی

اگر شما هم می‌خواهید پنجره های تبلیغاتی در وردپرس بسازید و نمایش دهید، افزونه Popup Builder با امکانات مناسبی که دارد، می‌تواند انتخاب خوبی برای شما باشد. با استفاده از این افزونه می‌توانید امکان ساخت پاپ آپ در وردپرس را امکان‌پذیر سازید. اگر نیازمند چنین امکانی هستید پیشنهاد ما به شما همین افزونه است.

دانلود افزونه Popup Builder

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

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

324,162 نفر

پاسخی بگذارید

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. چطوری برا موبایل هم این پاپ آپو نشون بدم؟

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

  3. شما فوق العاده هستين گروه همياروردپرس

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

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

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

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

    اینم سایتم
    اگه لازمه بگید کاربری بدم

  8. سلام. من افزونه wordpress-popup رو نصب کردم . می خوام وقتی روی یه عکس خاص کلیک می کنم این پاپ آپ باز شه. چطور میتونم این کار رو انجام بدم؟؟

  9. چطور میشه کاری کرد که با کلیک بر روی یک لینک، پاپاپ ظاهر شه؟

  10. سلام وقت بخیر
    این ایمیل ها که وارد میکنن کجا ذخیره میشه و چجوری میشه ازش استفاده کرد؟
    در حقیقت این یک باکس دریافت و ذخیره ایمیل است؟ یا نه؟
    ممنون

  11. سلام من از این افزونه استفاده کردم اما پاپ آپ ایجاد شده وسط صفحه تشکیل نمیشه و در سمت راست قرار داره چه جایه عکس عوض شه و چه عوض نشه این مشکل هست یعنی هیچ ربطی به چپ و راست قرار دادن تصویر نداره؟؟؟ چه کنم حالا؟؟؟

  12. 3 سال عضو همیار وردپرس

    با سلام
    من افزونه رو تنظیم کردم اما هنگام نمایش پاپآپ میره سمت راست نمایشگر یعنی نصفش بیرون از صفحس…چطور میتونم بیارمش وسط؟

  13. با سلام بعد از ساخت ، سمت راست صفحه قرار میگیره و با هر بار load شدن صفحات سایت بالا میاد برای رفع این مشکلات باید چکار کنم با تشکر.

    • 3 سال عضو همیار وردپرس

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

      #popup .wdev-window { right: 0px; margin: 0 auto; }

  14. سلام
    ببخشید فلش هم میگیره؟؟؟

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

  16. سلام ببخشید سوال قبلیم حل شد می خاستم بدونم چطوری میشه اوردش وسط صفحه؟

    • 3 سال عضو همیار وردپرس

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

      #popup .wdev-window { right: 0px; margin: 0 auto; }

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

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

  19. سلام
    من تنظیمات و سیو هم میکنم ولی وقتی میرم داخل سایت پاپ اپ بازنمیشه !!!چرا ؟

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

    سپاس از زحمات شما

    ماهم شب و روزمون شده وردپرس و همیار وردپرس

    • 3 سال عضو همیار وردپرس

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

      #popup .wdev-window { right: 0px; margin: 0 auto; }

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

    • سلام
      لطفا سوال این دوستمون رو جواب بدید چون هم سوال من هم خیلی از دوستان هست
      با تشکر

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

    • 6 سال عضو همیار وردپرس

      سلام
      هر تنظیمی داشت در مطلب گفته شد دوست عزیز
      حتما با قالب شما ناسازگاره

    • 3 سال عضو همیار وردپرس

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

      #popup .wdev-window { right: 0px; margin: 0 auto; }

    • 3 سال عضو همیار وردپرس

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

    • دوست عزیز دستی بهش یک کلاس بدید

    • 3 سال عضو همیار وردپرس

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

      #popup .wdev-window { right: 0px; margin: 0 auto; }

  23. سلام لینک دانلود ایمیل میشه ولی وقتی باز میکنم error میده و لینک گویا خراب شده لطف میکنید بررسی کنید ممنون

  24. 3 سال عضو همیار وردپرس

    سلام ممنون از آموزش شما، من افزونه popup رو نصب کردم این افزونه با هر بار Load شدن صفحه بالا می آید و در همه صفحات سایت بدین گونه است آیا با خرید نسخه پرمیوم، این مشکلات حل می شود یاخیر و آیا می شود افزونه را به صفحه اصلی محدود کرد یاخیر؟ متشکر

  25. 4 سال عضو همیار وردپرس

    سلام خانم کوهستانی من افزونه پاپ آپ لایر را نصب کردم میخوام ازش در گرفتن ایمیل کاربر برای ارسال لینک دانلود در صفحه اصلی که لینک را در ساید بار گذاشتم استفاده کنم نیاز به راهنمایی شما دارم که چگونه پاپ آپ شماره 17 را ویرایش و فعال کنم ممنون میشوم کمک کنید

مطالب زیر را حتما بخوانید

دوره‌های آموزشی