استفاده از پنجره پاپ آپ در وردپرس برای ثبت نام کاربران با 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

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

آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

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

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

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

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

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

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

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

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

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

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

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

      سلام
      چنین موردی نمیبینم! منظور شما چیه ؟
      این افزونه به صفحه ی ثبت نام یا خبرنامه متصل میشه.

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

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

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

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

      سلام
      پس از ثبت نام توسط پنجره، این پیام دیده میشه

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

      با تشکر از پاسخگوییتون
      مشکل من دقیقا همینجاست ! زمانی که ثبت نام انجام میشه صفحه تشکر نشون داده نمیشه

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

      سلام
      باید بررسی بشه.

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

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

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

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

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

      سلام
      تمامی تنظیمات در مطلب داده شده دوست عزیز.
      به خبرنامه هایی مثل mailchimp که کد اچ تی ام ال به شما میدن

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

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

      سلام
      در خبرنامه و یا لیست عضویت کاربران که بهش متصل کردید ذخیره میشه.
      برای اینکه شما در تنظیمات مشخص کردید یک بار نمایش بده.

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

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

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

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

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

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

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

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

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

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

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

      سلام
      خیر، متاسفانه فونت رو نمیشه مشخص کرد، اگه نسخه ی فارسی شدش آماده بشه فونت هم اضافه میشه

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

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

      سلام
      آدرسش رو هماهنگ کنید میشه ، دقیقا همون بخشی که اسکریپت خبرنامه قرار گرفته در تصویر