استفاده از پنجره پاپ آپ در وردپرس برای ثبت نام کاربران با PopupAlly + آموزش ویدئویی

پنجره پاپ آپ در وردپرس

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

پنجره پاپ آپ در وردپرس

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

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

افزونه ی کاربردی PopupAlly

popupally hamyarwp-پنجره پاپ آپ در وردپرس

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

در مرحله ی اول، افزونه را نصب و فعال می کنیم. پس از فعال سازی، گزینه ای با عنوان “popupAlly” در منوی کناری وردپرس ظاهر می شود که دارای زیر منوهایی از قبیل Display setting ، Style Setting و Advanced setting می باشد.

Popup Display Settings

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

display setting hamyarwp-پنجره پاپ آپ در وردپرس

همانطور که می بینید، زمان نمایش پنجره را پس از بارگذاری سایت از شما می خواهد.
گزینه ی “Exit-intent popup”، بستن پنجره را مشخص می کند و گزینه ی “Embedded sign up”، امکان ثبت نام را به پنجره می دهد.

Time-delayed popup

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

  نمایش تصویر در ابزارک‌ها + آموزش ویدیویی

time delay hamyarwp-پنجره پاپ آپ در وردپرس

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

با انتخاب گزینه ی “Embedded sign up”، منوی کشویی شکلی در مقابل آن باز می شود که می توانید گزینه ی عضویت را در ابتدای متن، انتهای متن و یا در انتهای صفحه، نمایش دهید.

embeded signup hamyarwp-پنجره پاپ آپ در وردپرس

تنظیمات دیگری که ملاحظه می کنید “Show popup every” است که از شما میخواهد زمانبندی مشخصی را برای پنجره پاپ آپ در وردپرس تعیین کنید. یعنی این پنجره تا چند روز نمایش داده شود.

گزینه ی بعدی که با عنوان “Show Thank You Page Setup” است، از کاربران شما جهت عضویت و ثبت نام تشکر می کند. اما قبل از آن باید برگه ی مورد نظر آن را ایجاد کنید که در همین قسمت آموزش آن قرار گرفته است.

showing popup hamyarwp-پنجره پاپ آپ در وردپرس

Popup Style Settings

در این بخش به تنظیمات ظاهر و رنگ و فونت موجود در پنجره می پردازیم.

گزینه ی “Sign-up form HTML” ، برای اتصال به صفحه ی ثبت نام شما است. شما در هر خبرنامه ای که عضو باشید، به شما چنین کدی را می دهد و می توانید در این قسمت قرار دهید مانند تصویر زیر که برای خبرنامه ی mailchimp می باشد.

mailchimp hamyarwp-پنجره پاپ آپ در وردپرس

Popup Template >> در این قسمت دو قالب مشخص شده که می توانید هر کدام را که تمایل دارید انتخاب نمایید.

در پایین دو قسمت “Customization” و “preview” مشخص شده که می توانید با تغییر در قسمت Customization، پنجره پاپ آپ در وردپرس را به صورت دلخواه درآورید.

custom hamyarwp-پنجره پاپ آپ در وردپرس

Popup Advanced Settings

شامل دو قسمت “Script settings” و “Page/post loading in Display Settings” است.

در قسمت Script settings، شما می توانید از کدهای سفارشی سی اس اس مخصوص خودتان استفاده نمایید که با این بخش کاری نداریم.

در قسمت Page/post loading in Display Settings، می توان ماکزیمم تعداد صفحات و برگه هایی که پنجره در آنها نمایش داده شود را مشخص کرد.

max page hamyarwp-پنجره پاپ آپ در وردپرس

حال تغییرات خود را ذخیره نمایید. سایت را رفرش کنید، پنجره ی ایجاد شده را خواهید دید.

result-پنجره پاپ آپ در وردپرس

موفق باشید.

آموزش ویدئویی

دانلود افزونه ی PopupAlly

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

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

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

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

335,505 نفر

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

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

  1. 8 ماه عضو همیار وردپرس

    با سلام میخواستم بدانم شما در سایت همیار وردپرس برای عضویت از چه افزونه هایی استفاده می کنید

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

    سلام
    این افزونه ای که خودتون رو سایت استفاده میکنید چی هست؟
    ویجت هایی قرمز رنگ پاین صفحه رو میگم

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

  4. چرا لینک های دانلودی ارسالی به ایمیل ها کار نمیکنه و ارور میده متن ارور هم اینه :
    An error occurred with your link redirect. Our team has been informed and will check this issue.

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

    سلام من طبق آموزش شما پیشرفتم ولی متاسفانه برای من به صورت پاپ آپ نمایش داده نمیشه!

    میشه کمکم کنین؟

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

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

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

      سلام
      اگه کد اچ تی ام ال بهش بدید بله

    • سلام امکان اضافه کردن فیلد شماره موبایل به این افزونه هست من افزونه ای نیاز دارم که نام و موبایل بیننده رو دریافت که ممنون میشم راهنمایی کنید البته افزونه پیامک وردپرس رو دارم اما نیخوام این فیلد به صورت پوپاپ باز بشه

  7. با سلام
    چگونه Sign-up form HTML را دیافت کنیم؟
    لطفا مراحل دریافت Sign-up form HTML را عرض کنید
    با تشکر

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

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

      سلام
      بررسی میکنم اگه موردی بود حتما معرفی میکنم

    • سلام جناب آقای مجتبا
      دراین دو وسال و اندی پیدا کردید؟
      ((افزونه ای برای عضویت که فقط با نام ، نام خانوادگی و شماره موبایل ثبت نام بشود؟))

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

  9. 5 سال عضو همیار وردپرس

    با سلام
    من مراحل رو به دقت انجام دادم ولی دکمه به صفحه سپاسگزاری وصل نمیشه ایراد کار کجاست؟ چطور باید پاپ آپ رو به اون صفحه وصل کنم ؟ تیک صفحه سپاسگزاری رو در قسمت Popup Style Settings زدم

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

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

  12. ایمیلی ک میگیره کجا ثبت میشه ?
    چرا فقط یک بار برای هر صفحه نمایش میده ?

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

    سلام یه افزونه ورود میخوام از نوع lightbox مثل ورود سایت دیجی کالا که مرکز صفحه باز بشه و اطرافش تیره باشه.
    کدوم افزونه این قابلیت رو داره؟

  14. سلام و عرض خسته نباشید خدمت تمامی سازندگان سایت.
    می خواستم بدونم چطور می تونم فونت ایرانیان سنس رو به نوشته هام اضافه کنم؟
    لطفا کمکم کنید.
    ممنون

  15. سلام ببخشید با این افزونه میشه آخرین اخبارموجود در سایت خود را به کاربرانی که ثبت نام می کنن ارسال کرد؟ اگه آره چه کدی را باید در بخش Sign-up form HTML” وارد کرد؟ ببخشید من در ورد پرس تازه کارم
    ممنونم

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

      سلام
      میشه اما به شرطی که شما پیجی رو برای آخرین اخبار بسازید و بعد لینک بدید داخل این پنجره ی پاپ آپ چون معمولا آخرین نوشته ها به صورت ویجت هستند

    • ببخشید یعنی آدرسشو فقط در قسمت Sign-up form HTML” وارد کنم؟ یا کد خاصی به همراه ادرس؟
      میشه یه نمونه کد ارائه بدین؟ بازم معذرت میخوام اگه سوالام ابتداییه!!

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

      سلام
      فکر نکنم با آدرس کار شما راه بیفته چون میخواید یه فرمتی از این موضوع داشته باشید. باید فرمی به اون شکلی که میخواد طراحی شده باشه تا در این بخش نمایش داده بشه. نمونه کد هم داخل مطلب ارائه شده.
      ولی این فرم بیشتر واسه ثبت نام و خبرنامه کاربرد داره. چون میشه کد اچ تی ام گرفت

  16. فونت یکان داره؟

  17. یک سوال داشتم
    میشه این صفحیه ثبت نام رو مال یک سایت دیگه رو روی یک سایت دیگه نشون داد.
    بنده یک سایت وردپرسی دارم و یک سایت اپن کارتی میخوام تووی اپن کارت نشونش بدم

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

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