هلپ چک
مرجع یادگیری و ثبت سفارش

ایجاد و طراحی پاپ‌آپ

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

پاپ‌آپ‌ چه کاربردی دارد؟

پاپ آپ
تصویری از نمونه های popup

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

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

بیشتر بخوانید:
مشاهده تمام جلسات دوره در یوتیوب

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

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

ایجاد اولین Popup

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

تنظیمات صفحه ویرایشگر پاپ‌آپ

تنظیمات پاپ آپ
تنظیمات Popup

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

تب تنظیمات:

  1. تنظیمات مربوط به‌اندازه پنجره باز شونده
  2. موقعیت قرار گیره Popup
  3. تنظیمات مربوط به روکش و دکمه بستن
  4. قراردادن انیمه‌های مختلف در هنگام نمایش پنجره

تب استایل:

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

تنظیمات پیشرفته پنجره
تنظیمات تب پیشرفته

تب پیشرفته:

  1. شخصی‌سازی برای تأخیر نمایش دکمه بستن (بعد از بارگذاری پنجره و بعد از گذشت X  ثانیه، دکمه بستن نمایش داده شود)
  2. مشخص‌کردن زمان قابل نمایش بودن پاپ‌آپ (بعد از گذشت زمان معین، پنجره به‌صورت خودکار بسته شود)
  3. جلوگیری از بستن پنجره، وقتی کاربر در اطراف پنجره (روکش) کلیک می‌کند.
  4. جلوگیری از بستن پنجره از طریق دکمه esc (دکمه بستن در کیبورد)
  5. هنگامی که Popup اجرا می‌شود کاربر نتواند صفحه را اسکرول کند.
  6. گر یک پنجره باز باشد، تا زمان بسته‌شدن آن، دیگر پنجره‌ها نمایش داده نشوند.
  7. به کمک این گزینه می‌توانید ویجت‌های مختلف را به پاپ‌آپ متصل کنید تا با کلیک کاربر، پنجره اجرا شود.
  8. تنظیمات کلی فاصله داخلی و بیرونی
  9. ویژگی‌های مربوط به css

بیشتر بخوانید:
جلسه سیزدهم: طراحی باکس دانلود

انتشار پاپ‌آپ و پیکربندی شرایط نمایش

انتشار پاپ آپ
انتشار پنجره باز شونده

مرحله اول: Conditions 

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

مرحله دوم: Triggers

Triggers
اقدامات مربوط نمایش

برای باز شدن این پنجره چه اقداماتی نیاز هست.

  1. در بارگیری صفحه: هنگامی که یک صفحه در حال بارگذاری مطالب هست، پاپ‌آپ نمایش داده شود، همچنین می‌توانید زمان لازم را تعیین کنید.
  2. در پیمایش: مشخص کنید که بعد از طی‌کردن چند درصد از صفحه توسط کاربر، پنجره اجرا شود.
  3. در پیمایش عنصر: برای نمایش پنجره می‌توانید یک بخش یا ویجت را مشخص کنید، تا هنگامی که کاربر به آن ویجت برسد، Popup اجرا شود.
  4. روی کلیک کنید: می‌توانید بر اساس تعداد کلیک کاربر، پنجره را نمایش دهید.
  5. بعد از عدم فعالیت: اگر بعد از گذشت مدت‌زمان X ، کاربر در سایت فعالیتی نداشته باشد پنجره فعال می‌شود.
  6. هنگام خروج: اگر کاربر قصد بستن صفحه را داشته باشد، پنجره فعال می‌شود.

مرحله سوم: Advanced rules

قوانین پیشرفته popup
قوانین پیشرقته برای نمایش popup

قوانین و الزاماتی پیشرفته‌تری برای اجرای پاپ‌آپ

  1. نمایش پس از نمایش صفحه X: نمایش پنجره بعد از طی‌کردن X صفحه توسط کاربر
  2. نمایش بعد از جلسات X: نمایش بعد از گذشت X جلسه (مثال: کاربر بعد از مشاهده سایت، آن صفحه را می‌بندد و مثلا چند روز بعد، دوباره وارد سایت می‌شود. به این شکل دو جلسه توسط کاربر طی شده است)
  3. تا X بار نمایش داده شود: مشخص‌کردن تعداد نمایش یک پنجره برای یک کاربر
  4. هنگام ورود از یک URL خاص: پنجره فقط برای کاربرانی نمایش داده می‌شود که از یک آدرس خاص وارد سایت شده‌اند.
  5. نمایش هنگام ورود: این بخش سه گزینه دارد که طبق آن، پنجره اجرا می‌شود.
  6. مخفی کردن برای ورود به سیستم در کاربران: مخفی‌سازی پنجره برای گروه خاصی از کاربران که در سایت وارد شده‌اند.
  7. نمایش در دستگاه‌ها: محدودکردن نمایش یک پنجره برای صفحه نمایشگرهای مختلف
  8. نمایش در مرورگرها: اگر می‌خواهید که پنجره، فقط در مرورگر خاصی به نمایش در بیاید، می‌توانید از این بخش استفاده نمایید.

جلسات دوره

ایجاد پاپ آپ

فهرست مطالب

مدرس:

مدرس:

علیرضا محسن پور

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.