آموزش جت پاپ آپ ما به شما کمک می کند پاپ آپ های جذاب و کارآمدی را برای وب سایت خود ایجاد کنید. با قابلیت های کشیدن و رها کردن می توانید بدون نیاز به کدنویسی، پاپ آپ هایی با تنظیمات نمایش دلخواه بسازید.
خیر، تمام مباحث از صفر تا پیشرفته آموزش داده شده و حتی اگر اولین بارتان است که با این افزونه کار می کنید، می توانید به راحتی همراه ما شوید.
بله، تمام به روزرسانی های دوره به صورت رایگان در اختیار خریداران قرار می گیرد.
قیمت دوره:
390,000 تومان
در فضای رقابتی وب، نمایش هدفمند پیام ها، فرم ها یا پیشنهاد های ویژه در قالب پاپ آپ، تأثیر مستقیمی بر نرخ تبدیل و تعامل کاربران دارد. جت پاپ آپ از مجموعه Crocoblock، دقیقاً برای همین منظور توسعه یافته است.
اگر با مفاهیم پایه ای آموزش جت انجین آشنا باشید، استفاده از این افزونه برای ساخت پاپ آپ های شرطی، داینامیک و واکنش گرا بسیار ساده‌تر خواهد بود. JetPopup با المنتور کاملاً یکپارچه است و به شما امکان می دهد بدون کدنویسی، پنجره هایی زیبا و حرفه‌ای طراحی کنید که دقیقاً در زمان مناسب نمایش داده شوند.
افزونه JetPopup ابزار قدرتمندی است که امکان نمایش محتوای سفارشی را در قالب پاپ آپ، به شکل کاملاً واکنش گرا و قابل کنترل فراهم می سازد. با آموزش صحیح و اصولی این افزونه، می توانید:
آموزش جت پاپ آپ ما به شما کمک می کند پاپ آپ های جذاب و کارآمدی را برای وب سایت خود ایجاد کنید. با قابلیت های کشیدن و رها کردن (Drag and Drop) در المنتور و ویرایشگر بلاک وردپرس، می توانید بدون نیاز به کدنویسی، پاپ آپ هایی با تنظیمات نمایش دلخواه (زمان، مکان، انیمیشن و…) بسازید.
این افزونه ابزاری است که به شما امکان می دهد پاپ آپ ها را از پایه طراحی کرده و تنظیم کنید که چه زمانی، در کجا و با چه جلوه بصری (انیمیشن) به کاربر نمایش داده شوند. برای مثال در سایت دیجی کالا، زمانی که کاربر محصولی را به سبد خرید اضافه می کند یا مدتی در یک صفحه مکث دارد، ممکن است یک پاپ آپ با پیشنهاد تخفیف ویژه، عضویت در خبرنامه یا خرید محصول مکمل نمایش داده شود.
این نوع عملکرد را می توان به راحتی با این افزونه در آموزش جت پاپ آپ در یک سایت وردپرسی پیاده سازی کرد، به گونه ای که پاپ آپ ها بر اساس رفتار کاربر (مانند اسکرول، کلیک یا خروج از صفحه) به صورت هوشمندانه نمایش داده شوند، مشابه آنچه در دیجی کالا می بینید.
این موضوع به معیارهایی اشاره دارد که بر اساس آن ها پاپ آپ به کاربر نشان داده می شود. این شرایط را می توانید در پنل تنظیمات Jet Popup مدیریت کنید. این معیارها می توانند شامل موارد زیر باشند:
این شرایط را می توانید با استفاده از عملگرهای “و” (AND) و “یا” (OR) ترکیب کنید. توجه داشته باشید که ترکیب شرایط باید منطقی و بدون تضاد باشد.
این رویداد ها تعیین می کنند که پاپ آپ در پاسخ به چه عملی از سوی کاربر نمایش داده شود. افزونه Jet Popup پنج نوع رویداد مختلف برای رفتارهای گوناگون کاربر ارائه می دهد:
بر اساس آموزش جت پاپ آپ نوع رویداد انتخابی شما، پاپ آپ ممکن است با کلیک کاربر روی یک دکمه، حرکت ماوس روی ابزارک، تلاش برای خروج از صفحه، یا پیمایش به پایین صفحه نمایش داده شود.
دکمه عملکردی در پاپ آپ یک ابزارک یا بلاک برای المنتور و گوتنبرگ است که به شما امکان می دهد دکمه هایی برای تشویق کاربر به انجام یک عمل خاص (مانند انتخاب بین “بله” و “خیر”) ایجاد کنید. تنظیمات این دکمه شامل نوع عملکرد، متن دکمه و لینک مرتبط است. می توانید دکمه را طوری تنظیم کنید که یک لینک را باز کند، پاپ آپ را ببندد (با گزینه عدم نمایش مجدد)، کاربر را به صفحه دیگری هدایت کند، یا همه پاپ آپ های باز را به طور همزمان ببندد. تنظیمات ظاهری نیز برای شخصی سازی دکمه در دسترس است.
پیش از شروع، مطمئن شوید که برای آموزش جت پاپ آپ موارد زیر را دارید:
افزونه JetPopup به شما این امکان را می دهد که با استفاده از ویرایشگر المنتور، پاپ آپ بسازید و آن ها را به صفحات وب سایت خود اضافه کنید. برای تغییر ظاهر پاپ آپ ها نیازی به کدنویسی نیست؛ تمامی تغییرات را می توانید به راحتی با استفاده از تنظیمات استایل مختلف اعمال کنید.
یکی از بهترین و راحت ترین راه ها برای ساخت پاپ آپ در وردپرس، استفاده از افزونه ها (Plugins) است. برای این کار، ما از دو افزونه محبوب Popup Maker و WPForms کمک می گیریم.
در این آموزش، طی سه مرحله با ساخت پاپ آپ، تنظیم شرایط نمایش و اتصال آن به بخش های مختلف سایت آشنا خواهید شد.
نصب و فعال سازی افزونه ها
اولین قدم این است که افزونه های Popup Maker و WPForms را روی سایت وردپرس خود نصب و فعال کنید. اگر با نحوه نصب افزونه آشنایی ندارید، میتوانید آموزش های مربوط به آن را مشاهده کنید.
ساخت فرم با WPForms با آموزش جت پاپ آپ
حالا نوبت به ساخت فرمی می رسد که قرار است داخل پاپ آپ به کاربران نمایش داده شود. اگر از قبل فرمی ساخته اید، می توانید از این مرحله بگذرید.
کافیست فیلدهای دلخواه را از سمت چپ صفحه بکشید و داخل پنجره اصلی رها کنید. برای حذف یک فیلد نیز می توانید روی آن کلیک کرده و آیکون سطل زباله قرمز رنگ را انتخاب کنید.
حالا که فرم آماده است، نوبت به ساخت خود پاپ آپ می رسد:
اگر می خواهید تنظیمات پیشرفته تری داشته باشید و پاپ آپ را برای افراد، دستگاه ها یا صفحات خاصی نمایش دهید، می توانید به مستندات افزونه Popup Maker مراجعه کنید.
با انجام تمامی این مراحل، ساخت پاپ آپ بدون کد نویسی را یاد گرفته اید!
پاپ آپ ها باید برای افرادی که از فناوری های کمکی استفاده می کنند (مانند صفحه خوان ها برای نابینایان یا کم بینایان) یا تنها با صفحه کلید وب گردی می کنند، کاملاً قابل استفاده و قابل بسته شدن باشند.
این شامل مدیریت صحیح فوکوس (یعنی وقتی پاپ آپ باز می شود، فوکوس به آن منتقل شود و پس از بستن به جای قبلی بازگردد)، وجود متن جایگزین (alt text) برای تصاویر، کنتراست رنگی مناسب و امکان بستن پاپ آپ با کلید Escape یا دکمه ای که به وضوح با صفحه کلید قابل انتخاب است می شود. نادیده گرفتن این جنبه می تواند بخش قابل توجهی از کاربران را از دسترسی به محتوا یا بستن یک پاپ آپ مزاحم محروم کند و تجربه بسیار بدی برای آن ها رقم بزند.
با توجه به آموزش جت پاپ آپ کاربر باید به وضوح درک کند که چرا یک پاپ آپ ظاهر شده است (مثلاً برای یک پیشنهاد ویژه، درخواست عضویت در خبرنامه، یا یک هشدار مهم) و چگونه می تواند آن را مدیریت کند. مهم تر از همه، راه بستن پاپ آپ باید کاملاً واضح، بدون ابهام و به راحتی در دسترس باشد.
استفاده از آیکون های نامفهوم برای بستن، پنهان کردن دکمه بستن، یا مجبور کردن کاربر به انجام یک عمل دیگر قبل از اینکه بتواند پاپ آپ را ببندد (مگر در موارد بسیار خاص و ضروری مانند تأیید سن)، به شدت به تجربه کاربری آسیب می زند. کاربر باید احساس کند که کنترل کامل را در دست دارد و پاپ آپ یک عنصر مزاحم و غیرقابل کنترل نیست. ارائه گزینه هایی مانند “دیگر این پیام را نشان نده” نیز می تواند در برخی موارد به بهبود تجربه کمک کند.
این دو نکته، فراتر از صرفاً زیبایی بصری یا زمان بندی نمایش پاپ آپ، به هسته اصلی احترام به کاربر و فراهم آوردن یک تجربه کاربری فراگیر و مثبت می پردازند که تمامی این موارد در آموزش جت پاپ آپ گفته شده است.
یکپارچگی در طراحی مفهومی است که عناصر رابط کاربری (UI) را با اقدامات قابل تشخیص و قابل پیش بینی به هم پیوند می دهد. این امر برای ارائه یک تجربه محصول عالی کلیدی است و نکته مهمی است که طراحان تجربه کاربری (UX) باید به آن توجه کنند.
یک راه برای ساده سازی این مفهوم، این است که آن را به عنوان تعهدی در نظر بگیرید که به کاربران خود می دهید (“هر زمان که دکمه خاکستری روشن را در پنجره پاپ آپ در صفحه اصلی دیدید، می توانید فرض کنید که با کلیک روی آن، پاپ آپ لغو شده و بسته خواهد شد”) تا آن ها بتوانند به راحتی با محصول شما تعامل داشته باشند.
نتیجه
این افزونه ابزاری قدرتمند برای ساخت پاپ آپ های حرفه ای و واکنش گرا در وردپرس است. با استفاده از این افزونه در آموزش جت پاپ آپ کاربران امکان می دهد انواع پاپ آپ مانند عضویت، اعلان، فرم تماس و تخفیف را بدون نیاز به کدنویسی طراحی کنند.
