ایجاد پاپ‌آپ در وردپرس با WordPress popup + آموزش ویدیویی

پاپ‌آپ در وردپرس

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

پاپ‌آپ در وردپرس

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

افزونه ی WordPress PopUp

wordpress popup plugin-پاپ‌آپ در وردپرس

این افزونه توسط تیم WPMU DEV ایجاد شده است که تنظیمات جالبی نیز دارد!
نحوه نصب این افزونه به این صورت است که افزونه را دانلود و در مسیر افزونه‌ها نصب می‌نماییم و سپس آن را فعال‌سازی می‌کنیم. پس از فعال‌سازی گزینه PopUp در پیشخوان وردپرسی ایجاد خواهد شد و با کلیک بر روی آن قادر به افزودن پاپ‌آپ در وردپرس خواهید بود!

popup setting hamyarwp-پاپ‌آپ در وردپرس

قبل از اینکه اطلاعیه مورد نظر را ایجاد کنیم به بخش تنظیمات می‌رویم.

نحوه بارگذاری پاپ‌آپ

popup loading-hamyarwp-پاپ‌آپ در وردپرس

همانطور که مشاهده می‌کنید در این بخش سه نوع انتخاب پیش رو دارید و می‌توانید نحوه نمایش پاپ‌آپ در وردپرس را مشخص نمایید. که به صورت پیش فرض WordPress Ajax است.
در منوی کشویی Supported Shortcodes کدهای کوتاه شده‌ای را به نمایش می‌گذارد که شما می‌توانید در هر مورد از آنها در بخش‌های مختلفی از قالب استفاده نمایید.

shortcodes popup hamyarwp-پاپ‌آپ در وردپرس

تنظیمات بخش Available condition

در این بخش نیز تنظیمات دیگری مربوط به پاپ‌آپ در وردپرس مشخص شده است که در تصویر مشاهده می‌کنید:

condition popup hamyarwp-پاپ‌آپ در وردپرس

تنظیمات مشخص شده در تصویر بالا مربوط به آدرس‌های مشخصی در سایت است و همچنین می‌توان مشخص کرد که در مرورگر با چه آدرسی مشخص شود.

condition popup2 hamyarwp-پاپ‌آپ در وردپرس

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

condition popup3 hamyarwp-پاپ‌آپ در وردپرس

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

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

popup content hamyarwp-پاپ‌آپ در وردپرس

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

write text for popup hamyarwp-پاپ‌آپ در وردپرس

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

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

pro version hamyarwp-پاپ‌آپ در وردپرس

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

Available condition hamyarwp-پاپ‌آپ در وردپرس

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

preview popup hamyarwp-پاپ‌آپ در وردپرس

بدون هیچ تنظیم اضافه‌ای، اگر به صفحه اصلی وبسایت خود مراجعه نمایید می‌توانید پنجره پاپآپ را مشاهده نمایید!

مشاهده آموزش ویدیویی ایجاد پاپ آپ در وردپرس با WordPress popup

 

دانلود آموزش ویدیویی ایجاد پاپ آپ در وردپرس با WordPress popup

پیش‌نمایش

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

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

راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

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

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

۲۵۸,۷۰۶ نفر

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

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

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

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

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

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

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

      بایستی نسخه ی پریمیوم این پلاگین رو استفاده کنید

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

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

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

      گمان کنم نیاز شما با افزونه ی Subscribe to Download حل بشه

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

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

  7. 2 سال عضو همیار وردپرس

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

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

      در قسمت Custom CSS پلاگین کد زیر رو وارد کنید مشکل حل میشه

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  19. 2 سال عضو همیار وردپرس

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

    • منم همین مشکل رو دارم کسی هست کمک کنه

  20. 2 سال عضو همیار وردپرس

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

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

محبوبترین‌های آموزش آنلاین

مشاهده همه آموزش‌های آنلاین