آقای برنامه نویس

نمایش پنجره پنجره پاپ آپ در زمان خروج کاربر + افزونه

افزونه Pop-Up CC Exit Intent برای نمایش پنجره پاپ آپ در زمان خروج در وردپرس مناسب و دارای شش تمپلت از پیش آماده و زیبا می باشد که شما تنها وظیفه سفارشی سازی و طراحی ظاهر پاپ آپ را برعهده دارید.
پنجره پاپ آپ در زمان خروج در وردپرس

همان طور که در مقاله های قبلی آقای برنامه نویس ذکر کردیم بهترین زمان نمایش پاپ آپ ها به کاربران موقعی است که کاربر قصد خروج از وب سایت شما را دارد.
افزونه Pop-Up CC Exit Intent برای نمایش پنجره پاپ آپ در زمان خروج در وردپرس مناسب و دارای شش تمپلت از پیش آماده و زیبا می باشد که شما تنها وظیفه سفارشی سازی و طراحی ظاهر پاپ آپ را برعهده دارید.

پنجره پاپ آپ در زمان خروج در وردپرس

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

امکانات

  • عدم محدودیت در تعداد پاپ آپ
  • طرای زیبا
  • 6 طرح آماده ریسپانسیو
  • راه اندازی سریع و آسان پاپ آپ
  • رابط کاربر پسند
  • کنترل نمایش (توسط نقش کاربر یا صفحه)
  • دارای دکمه با قابلیت هدایت کاربر به آدرس مورد نظر شما

شروع کار

popup exit-پنجره پاپ آپ در زمان خروج در وردپرس

برای شروع ابتدا افزونه را دریافت نموده و سپس از پنل مدیریتی وردپرس به قسمت افزونه ها >> افزودن رجوع کرده و اقدام به نصب و فعال سازی افزونه میکنیم. بعد از نصب این افزونه در پنل مدیریتی بخشی با عنوان Pop-Up CC Exit  برای ساخت پنجره پاپ آپ در زمان خروج در وردپرس ایجاد می شود. که دارای دوزیر منو به شرح زیر است:

popup menu-پنجره پاپ آپ در زمان خروج در وردپرس

از قسمت  Pop-Up CC Exit Free میتوانید تمامی پاپ آپ هایی که تا کنون  با این افزونه طراحی کرده اید را مشاهده و یا ویرایش کنید.مانند تصویر زیر:

all popups-پنجره پاپ آپ در زمان خروج در وردپرس

و از قسمت Add New Pop-Up CC Exit Free نیز میتوانید پاپ آپ جدیدی را به عنوان پنجره پاپ آپ در زمان خروج در وردپرس بسازید. تمپلت های این افزونه نیز دردسترس هستند.

مراحل طراحی پاپ آپ

برای شروع و طراحی پاپ آپ ابتدا به زیر منوی Add New Pop-Up CC Exit Free رجوع کرده، صفحه باز شده دارای دو سربرگ زیر می باشد:

templates: جهت فعال و سفارشی کردن 6 تمپلت ارائه شده و طراحی پاپ آپ مورد نظر
setting: جهت تنظیمات عمومی و کنترل نمایش

در سربرگ اول ابتدا عنوان مناسبی را برای پاپ آپ خود وارد کنید. برای شروع طراحی باید یکی از شش طرح موجود را انتخاب کرده  هنگام مواجه شدن موس با تمپلت دو دکمه Active (فعال سازی) و Customize (سفارشی سازی) برای شما به نمایش در خواهد آمد.

template-پنجره پاپ آپ در زمان خروج در وردپرس

با زدن دکمه Active طرح را فعال کرده سپس جهت سفارشی کردن و طراحی ظاهر به قسمت customize می رویم.
دراین قسمت با گزینه های زیر مواجه خواهیم شد:

  • General: تنظیم سایز ‍‍‍‍پاپ آپ
  • Border: تنظیمات کادر که درنسخه پرو قایل دسترسی است.
  • Background: تنظیمات طرح یا رنگ پس زمینه پنجره پاپ آپ در زمان خروج در وردپرس
  • Fonts and Colors: تنظیمات رنگ و فونت نوشته ها
  • Content: قرار دادن نوشته های مربوط به هدر و ساب هدر و متن اصلی پاپ آپ و نوشته های روی دکمه چپ وراست و url دکمه ها
  • Buttons: تنظیمات مربوط به رنگ دکمه چپ و راست و رنگ متن روی دکمه ها
customize hamyarwp | آقای برنامه نویس | مرجع آموزش المنتور و وردپرس به زبان ساده

پس از وارد کردن متن مورد نظر و اعمال سایر تنظیمات، بر روی دکمه save & close کلیک کنید. و در نهایت هنگامی که کاربر قصد ترک سایت را داشته باشد با پاپ آپی که طراحی کردید مواجه می شود.

خروجی حاصل به شکل زیر خواهد بود:

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

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

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

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

ساخت دکمه گرادیانت در المنتور، بدون افزایه جانبی
ساخت دکمه گرادیانت در المنتور، بدون نیاز به افزایه جانبی

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

قابلیت کد کوتاه ضروری در افزونه المنت پک - آقای برنامه نویس
قابلیت کد کوتاه ضروری در افزونه المنت پک

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

تغییرات وردپرس 5.7 - آقای برنامه نویس
وردپرس 5.7 منتشر شد!

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

طراحی صفحه در دست تعمیر وردپرس با المنتور
طراحی صفحه در دست تعمیر وردپرس با المنتور

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

نحوه تغییر DNS دامنه های ir در ایرنیک - آقای برنامه نویس آموزش المنتور و وردپرس
نحوه تغییر DNS دامنه های ir در ایرنیک

دامنه هویت وب‌سایت را در اینترنت مشخص می‌کند. تغییر dns دامنه های ir با دامنه های جهانی متفاوت است. بهترین راه تغییر DNS دامنه ir در پنل وب سایت ایرنیک است.

سفارشی سازی قالب وردپرس با ابزار inspect element
سفارشی سازی قالب وردپرس با ابزار inspect element

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

طراحی پوسته باکس پست‌های المنتور - آقای برنامه نویس
طراحی پوسته باکس پست‌های المنتور

احتمالا شما نیز تاکنون از ویجت پست های المنتور استفاده کرده‌‌اید. این المان تنها دارای 3 پوسته ( کلاسیک، کارت ها و محتوای تمام عرض ) می‌باشد. ولی شاید نیاز به سفارشی سازی و اضافه کردن امکانات بیشتری برای نمایش پست‌ها داشته باشید.

ساخت ابزارک در وردپرس و افزودن ابزارک به قالب وردپرس
ساخت ابزارک در وردپرس و افزودن ابزارک به قالب وردپرس

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

ورود به حساب