ساخت پاپ آپ در وردپرس با افزونه WP Popup Banner + ویدیوی آموزشی

زمان انتشار:
تعداد بازدید: 580

زمان تقریبی خواندن نوشته: 4 دقیقه
حالت تمام صفحه:

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

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

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

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

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

افزونه WP Popup Banner یکی از افزونه‌های پر کاربرد برای ساخت پاپ آپ در وردپرس و ایجاد پنجره تبلیغاتی است. این افزونه تاکنون بیش از ۳۰۰۰ نصب فعال را با امتیاز ۴٫۵ از ۵ به نام خود ثبت کرده است. جالب است بدانید پاپ آپ طراحی شده می‌تواند متنی یا تصویری باشد. امکان نمایش این پنجره‌ها در تمامی صفحات و یا صفحات خاصی از وب‌سایت به صورت زمان‌بندی یا عادی فراهم است.

امکانات افزونه WP Popup Banner

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

نصب و راه‌اندازی افزونه WP Popup Banner

برای ساخت پاپ آپ در وردپرس ابتدا افزونه WP Popup  Banner را از انتهای صفحه دانلود کنید. به محیط وردپرس رجوع کرده و از طریق منوی افزونه‌ها و زیرمنوی افزودن اقدام به نصب وفعال‌سازی افزونه کنید. پس از نصب و فعال‌سازی در پیشخوان خود می‌توانید منوی حددی تحت عنوان WP Popup Bannerers را مشاهده کنید.

افزونه WP Popup Banner برای ساخت پاپ آپ در وردپرس

عملکرد سربرگ‌های افزونه WP Popup Banner

برای ساخت پاپ آپ در وردپرس بر روی منوی WP Popup Bannerers کلیک کنید. همان‌طور که مشاهده می‌کنید. این بخش شامل ۴ سربرگ اصلی به شرح زیر است.

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

  1. Manage Popups: از این سربرگ می‌توان نسبت به ساخت پاپ آپ در وردپرس اقدام کرد. و یا تمامی پاپ آپ‌هایی که طراحی کردید را مشاهده کنید و اقدام به ویرایش،حذف و یا نمایش آن پاپ آپ کنید.
  2. Settings: در این سربرگ می‌توانید پس از ساخت پاپ آپ در وردپرس تنظیمات نمایش بارگذاری پنجره را مشخص کنید. یعنی پنجره را فعال و یا غیرفعال کنید.
  3. About: در این سربرگ‌ها می‌توانید اطلاعاتی درباره افزونه و سایر افزونه‌ها مشاهده کنید.
  4. More wordpress Resources: مشاهده سایر منابع وردپرسی.

مرحله اول: سربرگ Manage Popups برای ساخت پاپ آپ در وردپرس

نکته: برای ساخت پاپ آپ در وردپرس یا ویرایش و حذف پاپ آپ‌های قبلی از بخش مدیریت پاپ آپ یا Manage Popups کمک می‌گیریم.

در افزونه پاپ آپ وردپرس ابتدا وارد سربرگ Manage Popups شوید.

روی گزینه add new کلیک نمایید. همان‌طور که مشاهده می‌کنید کادری برای شما باز می‌شود که شامل دو سربرگ اصلی به شرح زیر است.

  • General Settings: کلیه تنظیمات عمومی برای ساخت پاپ آپ در وردپرس
  •  Display Settings: اعمال تنظیمات نمایشی پس از ساخت پاپ اپ در وردپرس

بخش General Settings در ساخت پاپ آپ وردپرس

تنظیمات تب General Settings یا تنظیمات عمومی به صورت زیر است.

ساخت پاپ آپ در وردپرس -General Settings

Title: در این قسمت می‌توانید عنوانی برای پاپ آپ مشخص کنید.

Select Option: در این قسمت می‌توانید مشخص کنید که پاپ آپ به صورت متنی باشد یا یک پاپ آپ تصویری.

  •  image: می‌توانید بنری را به عنوان پاپ آپ طراحی کنید.
  • text: در این حالت به جای گزینه‌های بالا، تنها گزینه‌ی Content را دارید که در این بخش می‌توانید متن و عکس دلخواه خود را قرار دهید و ظاهر پاپ آپ را طراحی کنید.

Popup Animation: در این قسمت می‌توانید نحوه نمایش پنجره را در دو حالت Fade و Fly In Button تنظیم کنید. به طور پیش‌فرض بر روی گزینه fade تنظیک شده است.

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

Disable on Mobile: اینجا مشخص می‌کنید که پاپ آپ برای موبایل یا دستگاه‌های کوچک نمایش داده شود یا خیر.

Enable popup Delay: در این قسمت می‌توانید یک delay را برای پنجره پاپ آپ در نظر بگیرد. بر اساس این بخش پس از گذشت زمان تنظیم شده popup نمایش داده خواهد شد.

Enable Auto close: با فعال کردن این گزینه پنجره تبلیغاتی به طور پیش‌فرض بعد از گذشت زمان تنظیم شده بسته می‌شود.

Disable Window Scrolling: گزینه‌ای برای نمایش یا عدم نمایش اسکرول در کنار پنجره تبلیغاتی است.

Popup Display: مشخص کنید که پس ساخت پاپ آپ در وردپرس پنجره شما در کدام قسمت سایت به نمایش درآید. می‌توانید آن را در صفحه نخست یا در تمامی صفحات و یا در صفحه خاصی به نمایش بگذارید.

و بعد از فعال کردن گزینه‌های دلخواه  کافی است بر روی گزینه save کلیک نمایید تا تمام تغییرات شما تا به اینجا ذخیره شود.

بخش Display Settings در ساخت پاپ آپ وردپرسی

مهم‌ترین قسمت در طراحی پاپ آپ تنظیمات Display Settings است که تنظیمات نمایشی ساخت پاپ آپ در وردپرس است.

ساخت پاپ آپ در وردپرس -Display Settings

Width , Height: پس از ساخت پاپ آپ در وردپرس در این قسمت می‌توانید طول و عرض پنجره خود را تغییر دهید. مشخص کنید پاپ آپ در چه اندازه‌ای طراحی شود.

Popup Display Type: نحو نمایش پنجره را مشخص کنید که به چه صورت باشد. (ثابت یا شناور)

Shape: شکل هندسی کادر خود را تعیین کنید که گوشه‌های کادر به صورت عادی باشد یا به صورت لبه‌گرد.

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

Overlay Color: در این قسمت می‌توانید رنگ هاله را مشخص کنید.

Close Button: می‌توانید مشخص کنید که دکمه بستن برای پنجره خود داشته باشید یا خیر.

Background Type: مشخص کنید نوع بک‌گراند پاپ آپ خودتان به صورت رنگی باشد یا تصویری. اگر گزینه image را انتخاب کردید می‌توانید تصویری را آپلود کنید و اگر گزینه color را انتخاب نمایید می‌توانید رنگ مورد نظر خود را انتخاب کنید.

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

Border Type: در این قسمت می‌توانید نوع حاشیه کادر را تعیین کنید. (به صورت نقطه چین و…)

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

در آخر روی دکمه save کلیک نمایید تا تغییرات ذخیره شوند.

مرحله دوم: نمایش پاپ آپ تبلیغاتی وردپرس

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

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

  1. به صفحه اصلی افزونه بروید و وارد سربرگ setting شوید.
  2. گزینه اول را فعال کنید که مشخص می‌کنید پاپ آپ تبلیغاتی حالت فعال رو داشته باشد.
  3. از کشو پاپ آپی که قصد نمایش آن را دارید، انتخاب کنید.
  4. سپس بر روی گزینه SAVE کلیک نمایید.

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

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

ساخت پاپ آپ در وردپرس با افزونه WP Popup Banner-demo

جمعبندی نهایی

همان‌طور که مشاهده می‌کنید به وسیله افزونه پاپ آپ فارسی وردپرس به نام WP Popup Banner توانستید یک پنجره تبلیغاتی جالب  را طراحی نمایید. این پنجره تبلیغاتی را در هر قسمت از وبسایت می‌توان نمایش داد. امکان سفارشی‌سازی یا زمان بندی پاپ آپ نیز وجود دارد.  ایجاد پنجره‌های پاپ آپ تاثیر بسزایی در کسب و کار شما دارد و بهتر است که این پنجره‌ها جذاب باشند تا باعث توجه کاربران شوند.

موفق باشید. 🙂

 

آموزش ویدویی افزونه WP Popup Banner برای ساخت پنجره تبلیغاتی در در وردپرس

دانلود افزونه WP Popup Banner برای ساخت پاپ آپ در وردپرس

دانلود  صفحه‌ی افزونه

درباره نویسنده

10 نوشته تا کنون
دانشجو رشته علوم کامپیوتر
موفقیت در این نیست که چه چیزی در پیش رو داریم، موفقیت در این است که چه چیزی در پشت سر به جا می‌گذاریم ?

پاسخ دهید

دیدگاه شما برای ما ارزشمند است. در کمترین زمان ممکن به آن پاسخ خواهیم داد.

دیدگاه های این نوشته

11 دیدگاه
  1. حامد

    حامد

    با سلام و خسته نباشید
    آموزش خیلی کامل و مفیدی بود خیلی ممنون
    لطفا یه اموزش هم در مورد اینکه چطور تعداد محصولات سایت رو تو صفحه اول میشه نشون داد بزارین که با افزایش محصولات یا مطالب تعداد اون هم افزایش پیدا کنه مثل این تصویر
    uupload.ir/files/2x5_untitled-1.jpg

    • محمدرضا خدری

      محمدرضا خدری

      سلام حامد عزیز
      آقا شما چند روزه خیلی بهمون انرژی میدید…
      در مجموع ممنون از لطفی که به ما داری
      برای اون آموزش مورد نظرت هم باید بگم مطالب سایت طبق یه برنامه‌ای آماده میشه و خب این چیزی هم که شما گفتید رو انشالا میزاریم تو برناممون.
      موفق باشی 🙂

    • حامد

      حامد

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

    • سارینا عمادی

      سارینا عمادی

      سلام ممنون لطف دارید

  2. آدی بیگ

    آدی بیگ

    ممنون مشکلم حل شد

    • محمدرضا خدری

      محمدرضا خدری

      سلام
      خب خداروشکر پس 🙂
      موفق باشید…

  3. آدی بیگ

    آدی بیگ

    سلام من این افزونه رو از سایت شما دانلود کردم اما داخل تنظیماتش که میشم چیزی توی صفحه نشون نمیده به جز این پیغام Hide specific modules from the admin and logged in users and manage plugin integrations when available.
    واصلا شباهتی به اونچه که توی فیلم آموزشی هست نداره. مشکل چیه

  4. ابراهیم حسینی

    ابراهیم حسینی

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

    • محمدرضا خدری

      محمدرضا خدری

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

  5. محمد

    محمد

    ممنون بابت اطلاعات مفیدتون

    • محمدرضا خدری

      محمدرضا خدری

      خواهش می‌کنیم
      موفق باشید…