نمایش پاپ‌آپ در وردپرس با افزونه رایگان Hustle

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

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

آیا خود وردپرس امکان ساخت پاپ‌آپ داره؟

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

برای کنترل زمان باز شدن، صفحه‌های هدف و تعداد دفعات نمایش به یک افزونه نیاز دارید. Hustle همین کارها رو از داخل پیشخوان انجام می‌ده و بیشتر تنظیماتش تصویریه؛ پس برای شروع به دانش فنی خاصی نیاز ندارید.

چرا برای ساخت پاپ‌آپ از Hustle استفاده کنیم؟

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

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

امکانات نسخه رایگان Hustle

• ساخت پاپ‌آپ برای اطلاعیه، پیشنهاد ویژه یا عضویت در خبرنامه
• اضافه کردن عنوان، متن، تصویر، دکمه و فرم
• تنظیم رنگ، فاصله، اندازه و ظاهر بخش‌های مختلف
• باز کردن پاپ‌آپ بر اساس رفتار یا زمان‌بندی انتخاب‌شده
• انتخاب صفحه‌ها و نوشته‌های هدف
• محدود کردن نمایش دوباره برای یک بازدیدکننده
• بررسی تعداد نمایش و واکنش کاربران در گزارش‌های افزونه

قبل از شروع به چه چیزهایی نیاز دارید؟

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

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

نصب افزونه رایگان Hustle در وردپرس

1. وارد پیشخوان وردپرس بشید.
2. از منوی «افزونه‌ها» وارد بخش افزودن افزونه تازه بشید.
3. عبارت Hustle رو در کادر جستجو بنویسید.
4. افزونه Hustle رو پیدا کنید و دکمه نصب رو بزنید.
5. بعد از پایان نصب، افزونه رو فعال کنید.

بعد از فعال‌سازی، منوی Hustle به پیشخوان اضافه می‌شه. اگه منو رو نمی‌بینید، صفحه رو یک بار تازه‌سازی کنید و در فهرست افزونه‌های نصب‌شده مطمئن بشید Hustle فعاله.

ساخت اولین پاپ‌آپ در وردپرس با Hustle

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

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

انتخاب نوع پاپ‌آپ

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

Hustle ابزارهای دیگه‌ای مثل اسلاید یا محتوای توکار هم داره، ولی این آموزش روی پاپ‌آپ متمرکزه.

یک نام مدیریتی روشن بنویسید؛ مثلاً «تخفیف خرید اول». این نام فقط برای پیدا کردن پاپ‌آپ داخل پیشخوانه و بهتره هدف یا محل استفاده اون رو مشخص کنه.

وارد کردن متن، تصویر و دکمه

در بخش محتوا، عنوان اصلی رو کوتاه و مشخص بنویسید. به‌جای «پیشنهاد ویژه ما»، جمله‌ای مثل «۱۰ درصد تخفیف برای اولین خرید» سریع‌تر منظور رو می‌رسونه. متن توضیحی هم بهتره در یک یا دو جمله بگه کاربر چه چیزی می‌گیره و باید چه کاری انجام بده.

اگه تصویر اضافه می‌کنید، نمونه سبک و مرتبطی رو انتخاب کنید که متن رو شلوغ نکنه. برای دکمه هم از عبارت روشنی مثل «دریافت کد تخفیف» یا «دیدن محصولات» استفاده کنید. لینک دکمه رو دوباره بررسی کنید تا به صفحه درست بره.

طراحی ظاهر پاپ‌آپ

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

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

تنظیم روش و زمان نمایش

در بخش رفتار، اتفاقی رو انتخاب کنید که پاپ‌آپ بعد از اون باز می‌شه. این اتفاق معمولاً Trigger نام داره؛ یعنی «محرک نمایش». برای نمونه می‌تونید پاپ‌آپ رو چند ثانیه بعد از ورود کاربر باز کنید.

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

نمایش پاپ‌آپ در صفحه‌های دلخواه

در بخش شرایط نمایش، صفحه‌هایی رو انتخاب کنید که پیام به اون‌ها مربوطه. مثلاً پاپ‌آپ تخفیف یک محصول بهتره در صفحه همون محصول یا دسته مرتبط دیده بشه، نه در تمام نوشته‌های آموزشی سایت.

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

انتشار و آزمایش پاپ‌آپ

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

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

تنظیم تعداد دفعات نمایش پاپ‌آپ

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

کوکی پاپ‌آپ به زبان ساده یعنی چی؟

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

این محدودیت به مرورگر وابسته‌ست. اگه کاربر کوکی‌ها رو پاک کنه، مرورگرش رو عوض کنه یا با دستگاه دیگه‌ای وارد سایت بشه، ممکنه پاپ‌آپ دوباره دیده بشه.

چطور نمایش تکراری رو محدود کنید؟

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

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

تنظیم دکمه بستن پاپ‌آپ

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

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

نمایش درست پاپ‌آپ در موبایل

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

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

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

ساخت فرم خبرنامه داخل پاپ‌آپ

Hustle برای ساخت فرم عضویت و جمع‌آوری اطلاعات بازدیدکننده طراحی شده. در بخش محتوای پاپ‌آپ، فیلدهای موردنیاز مثل ایمیل یا نام رو اضافه کنید. فقط اطلاعاتی رو بخواید که واقعاً به اون‌ها نیاز دارید؛ فرم کوتاه‌تر معمولاً تکمیل راحت‌تری داره.

متن دکمه رو مشخص بنویسید؛ مثلاً «عضویت در خبرنامه» از «ارسال» روشن‌تره. بعد یک نشانی ایمیل آزمایشی وارد کنید و پیام موفقیت، ذخیره اطلاعات و هر اتصال خارجی رو بررسی کنید. جزئیات اتصال به سرویس‌های ایمیل ممکنه با نسخه افزونه و سرویس انتخابی فرق داشته باشه و باید در سایت خودتون تأیید بشه.

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

گرفتن نسخه پشتیبان از سایت

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

بازسازی محتوای پاپ‌آپ قبلی

1. متن، تصویر، دکمه و لینک پاپ‌آپ فعلی رو ثبت کنید.
2. زمان باز شدن و صفحه‌های هدف رو یادداشت کنید.
3. مدت محدودیت نمایش دوباره رو ثبت کنید.
4. نمونه تازه رو در Hustle بسازید.
5. اون رو روی دسکتاپ، موبایل و پنجره ناشناس آزمایش کنید.

رفع مشکلات رایج Hustle

پاپ‌آپ نمایش داده نمی‌شه

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

اگه هنوز چیزی دیده نمی‌شه، افزونه‌های کش و بهینه‌سازی JavaScript رو موقتاً بررسی کنید. JavaScript کدی هست که رفتارهایی مثل باز شدن پنجره رو داخل مرورگر اجرا می‌کنه. خطا یا تأخیر نادرست در اجرای اون می‌تونه پاپ‌آپ رو متوقف کنه.

پاپ‌آپ در همه صفحه‌ها دیده می‌شه

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

پاپ‌آپ بعد از بستن دوباره باز می‌شه

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

ظاهر پاپ‌آپ در موبایل به‌هم می‌ریزه

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

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

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

اگه مشکل با خاموش کردن یکی از گزینه‌ها برطرف شد، باید فایل‌های Hustle رو طبق راهنمای همون افزونه کش از بهینه‌سازی مربوطه کنار بذارید. اسم گزینه‌ها و فایل‌ها بین سایت‌ها فرق می‌کنه؛ پس یک تنظیم ثابت برای همه سایت‌ها مناسب نیست.

نکته‌های ساخت پاپ‌آپ مؤثر و غیرآزاردهنده

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

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

سؤالات متداول درباره نمایش پاپ‌آپ در وردپرس

تیم تولید محتوا

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