اولین پاپ آپ ها از سناریویی که ایتان زوکرمن برای آن تصور کرده بود ایجاد شدمحل اقامت از صفحه وب خود در Tripod در اوایل دهه 90. کاربران او از تعداد تبلیغاتی که او در وب سایت قرار می داد شکایت داشتند، بنابراین او تصمیم گرفت بنرها را در صفحه جداگانه ای قرار دهد که با دسترسی کاربر به صفحه باز می شد.
این قطعه کوچک کد هنوز هم مانند شما در هر وب سایتی یک پنجره واقعی نبود ، اما همه چیز از همان جا شروع شد. در صفحات وب مدرن ، از پنجره های بازشو برای اهداف مختلف استفاده می شود ، نه فقط برای تبلیغات. فرم های تماس ، اخطارهای سیاست حفظ حریم خصوصی و پیشنهادات اشتراک نیز اغلب به صورت پنجره بازشو ارائه می شوند.
دو مورد وجود دارد که کاربران را در مورد پاپ آپ آزار می دهد: وقتی آنها را نمی خواهید روی شما پرش می کنند. و وقتی ظاهر آن کاملاً متفاوت از سبک وب سایت است. این دو مشکل در هنگام استفاده از پلاگین هایی که به نظر نمی رسد از بالاترین کیفیت برخوردار هستند ، ظاهر می شود.
بزرگترین مشکل بیشتر افزونه هایی که توسعه دهندگان تازه کار برای آن استفاده می کنند ایجاد پاپ آپ عدم کنترل پیام حاصله است. با این حال، اگر از Elementor استفاده می کنید، می توانید از همه این مشکلات جلوگیری کنید ایجاد یک وب سایت.
دو افزونه عالی که مخصوصا برای Elementor ایجاد شده اند صفحه ساز، به شما کمک می کند تا از هر نوع، شکل و سبکی که نیاز دارید پنجره های بازشو ایجاد کنید – Elementor Popup Builder et JetPopup. از آنجا که هر دو از یک گوشت Elementor ساخته شده اند ، تنها سوالی که می توان پرسید این است که کدام یک از این افزونه ها را انتخاب کنید. برای کمک به شما در تصمیم گیری ، قصد دارم بررسی کاملی از هر دو انجام دهم و شما می توانید جوانب مثبت و منفی آنها را مقایسه کنید. پس بزن بریم !
بارگیری و نصب
این مهمترین معیار هنگام انتخاب پلاگین برای استفاده نیست ، اما ابتدا باید آن را امتحان کنید. به همین دلیل است که من می خواهم از همان ابتدا شروع کنم و مراحل لازم را برای دستیابی به آن شرح دهم - قیمت گذاری ، تلاش و سادگی روند نصب.
سازنده پنجره
این افزونه توسط تیم Elementor ایجاد شده است. بنابراین می توانیم او را "فرزند" واقعی خود بنامیم. این آخرین به روزرسانی Elementor است که در ژانویه 2019 برای تأمین نیازهای مشتری منتشر شد. با این حال ، این نسخه برای کاربران نسخه رایگان Elementor در دسترس نیست.
پنجره ساز در طرح اشتراک حرفه ای گنجانده شده است. بنابراین ، برای داشتن توانایی ایجاد پنجره های بازشو ، ابتدا باید Elementor Pro را داشته باشید. ساده ترین برنامه قیمت گذاری که به شما امکان می دهد از همه امکانات متنوع Elementor برای یک وب سایت استفاده کنید 49 دلار در سال است. بنابراین ، از اولین مراحل (خرید Elementor Pro) ، الگوریتم بدست آوردن Popup Builder در اینجا است:
- Pro Elementor را بخرید صفحه ساز.
- به حساب شخصی خود بروید و افزونه را بارگیری کنید.
- به داشبورد وب سایت خود ، پلاگین ها> افزودن جدید بروید ، روی دکمه "بارگذاری افزونه" کلیک کنید و فایل zip. مناسب را انتخاب کنید.
- وقتی نصب کامل شد ، پلاگین را با کلید مجوز خود فعال کنید.
- در اینجا پنجره ساز را می توان در برگه الگوها> پنجره ها یافت.
این یک راه طولانی است ، اما با Popup Builder همچنین مجموعه ای عظیم از عناصر مختلف مانند ابزارک ها ، الگوها و سایر ابزارهای اضافی را از Elementor دریافت می کنید.
سازنده پنجره
JetPopup
"خانواده" افزونه های Jet در حال حاضر بیش از مقالات 10 دارد و JetPopup یکی از آنهاست. این با دقت مخصوص Elementor ایجاد شده است و تعداد ابزارهای موجود را افزایش می دهد. این افزونه t است
کاملاً سازگار با نسخه های رایگان و پولی. بنابراین نیازی به خرید اضافی نیست. قیمت JetPopup 15 دلار است و پس از دریافت آن می توانید فقط برای یک وب سایت از آن استفاده کنید. اگر برای بیش از یک پروژه به آن نیاز دارید ، می توانید افزونه را تحت لیسانس توسعه دهنده خریداری کنید (هزینه شما 45 دلار است) و برای پنج وب سایت از آن استفاده کنید. الگوریتم دریافت پلاگین کمی ساده تر است:
- افزونه را در TemplateMonster Marketplace بخرید. در رایانه شما بارگیری می شود.
- به داشبورد وب سایت خود ، پلاگین ها> افزودن جدید بروید ، روی دکمه "بارگذاری افزونه" کلیک کنید و فایل zip. مناسب را انتخاب کنید.
- پس از اتمام نصب ، افزونه را فعال کنید.
- نامنویسی! هنگامی که منوی شخصی سازی Elementor را باز می کنید (با کلیک بر روی دکمه "ویرایش با Elementor") ، بخش JetPopup را در منوی سمت چپ ویجت مشاهده خواهید کرد.
ایجاد پنجره
اکنون ، وقتی ابزارها وجود دارند و آماده هستند ، می توانم سعی کنم یک پنجره را با هر دو افزونه ایجاد کنم و ببینم این ویژگی چقدر ساده و قابل فهم است. در مرحله بعد ، من یک پاپ آپ اصلی ایجاد می کنم و به گزینه های سفارشی سازی Popup Builder و JetPopup می پردازم.
سازنده پنجره
در Pro Elementor پنجره های بازشو جدا از صفحات سایت انجام می شود. برای تغییر شکل ظاهری وب سایت ، صفحه ای را که می خواهید شخصی سازی کنید باز کنید ، روی دکمه "ویرایش با عنصر" کلیک کنید و تغییراتی ایجاد کنید. اما برای ایجاد (و سپس ویرایش) پنجره های بازشو باید به الگوها> پنجره ها بروید و دکمه "افزودن پنجره جدید" را فشار دهید.
اکنون Popup Builder را امتحان کنید
در پنجره باز شده باید الگویی را که ایجاد خواهید کرد انتخاب کنید (بله ، شما می توانید قالب هایی را نه تنها برای پنجره های بازشو بلکه برای صفحات و موارد دیگر ایجاد کنید) و به آن نام دهید.
پس از فشار دادن دکمه "ایجاد الگوی" به منوی شخصی سازی Elementor هدایت می شوید. سفارشی کردن یک مورد موجود با ساختن آن از ابتدا ساده تر است. بنابراین ابتدا از شما خواسته می شود یک مدل مناسب را انتخاب کنید.
من یکی از مدل های انتخاب شده در بالای لیست کتابخانه را انتخاب کردم. بلافاصله پس از انتخاب ، در فضای کاری Elementor قرار می گیرید که احتمالاً به آن عادت کرده اید. گزینه های شخصی سازی در نوار کناری سمت چپ صفحه قرار می گیرند. شما در اینجا سه زبانه دارید.
تب "تنظیمات" به شما امکان می دهد تا طرح پنجره را تغییر دهید ، نام مدل و پیش نمایش را تغییر دهید. در زبانه "سبک" می توانید طرح را سفارشی کنید - تغییر رنگ ، فونت ، تصاویر و مرزها. برگه "Advanced" همچنین مجموعه ای از لغزنده های اضافی را نیز دارد. به عنوان مثال ، آنها از بسته شدن پنجره با کلید ESC جلوگیری می کنند.
همانطور که می بینید - هیچ چیز غیر منتظره ای نیست ، اگر قبلاً از Elementor استفاده کرده باشید با این افزونه مشکلی نخواهید داشت. در اینجا یک فیلم دقیق وجود دارد که نحوه ایجاد یک پنجره بازشو با استفاده از Popup Builder را توضیح می دهد:
JetPopup
این افزونه همچنین یک تب جدید به داشبورد شما اضافه می کند تم وردپرس و به کمک آن، پاپ آپ ها نیز جدا از صفحات ایجاد می شوند. پاپ آپ های خارج از جعبه نیز در برگه ای به نام "کتابخانه بازشو" ذخیره می شوند. برای ایجاد یک پنجره بازشو جدید، می‌توانید دکمه «افزودن» را در قالب از پیش تعریف‌شده فشار دهید یا به JetPopup > افزودن پنجره جدید بروید، به الگو یک نام بدهید و «Edit with Elementor» را فشار دهید.
زمینه کار کمی با هنجار متفاوت است زیرا شما اکنون در حال ایجاد یک پنجره کوچکتر هستید. در منوی سمت چپ ، می توانید هر نوع مورد را به پنجره خود اضافه کنید.
پلاگین JetPopup یک مورد واحد را به منوی ویجت اضافه می کند - دکمه اقدام متنی. با این کار می توانید نوع عملی را که هنگام فشار دادن کاربر روی دکمه رخ می دهد ، تعریف کنید.
واقعاً واضح نیست که تنظیمات را از پنجره بازشو باز کنید. شما باید روی دکمه نگهداری در پایین منو کلیک کنید. منوی تنظیمات کاملا شبیه به Popup Builder است ، اما فقط دو تب سفارشی سازی وجود دارد. "تنظیمات عمومی" به شما امکان می دهد جلوه انیمیشن را تعریف کنید ، نام مدل را تغییر دهید یا شرایط را تعریف کنید. در برگه "Style" می توانید طرح ها ، رنگ ها ، تصاویر ، فونت ها و حاشیه ها را تغییر دهید.
JetPopup دارای عملکرد کمی واضح تر است اما آموزش های ویدیویی مفصل و مفید را جبران می کند.
محرک
برای مفید بودن و آزار بازدید کنندگان ، پنجره ها باید در زمان مناسب ظاهر شوند. شرایطی که نمایش داده می شود "محرک" نامیده می شود. هرچه شرایط موجود دقیق تر باشد ، افزونه بازشو انعطاف پذیرتر است. اگر نمی خواهید کاربر پس از ظاهر شدن پنجره پاپ آپ ، اشتراک سایت را ترک کند ، بسیار مهم است.
سازنده پنجره
این افزونه به شما کمک می کند دقیقاً پس از سفارشی کردن پنجره پاپ آپ ، شرایط لازم را تعریف کنید. هنگامی که دکمه "انتشار" را فشار می دهید پنجره ای را مشاهده می کنید که در آن می توانید شرایط را تعریف کنید (در کدام صفحه نمایش این پنجره نمایش داده می شود) ، باعث می شود (وقتی پنجره پاپ آپ نمایش داده می شود) و قوانین پیشرفته.
پنجره ساز دارای شش محرک است ، مانند نمایش در یک پیمایش و کلیک ، و هفت قانون پیشرفته ، مانند نمایش بعد از تعداد مشخصی جلسه یا نمایش در دستگاه های خاص. راه اندازها و قوانین پیشرفته دارای کلیدهای کشویی ساده هستند و تنظیم تمام پارامترهای مورد نظر شما بسیار سریع خواهد بود.
JetPopup
همه عوامل آغازگر ، شرایط و رویدادهای باز در پارامترها با هم گروه می شوند. پس از کلیک بر روی دکمه تعمیر و نگهداری ، برگه های تنظیمات را باز می کنید و می توانید بلافاصله عوامل راه اندازی را تنظیم کنید. می توانید درصد صفحه را بعد از پیمایش ، منوی زمینه برای نمایش یا تعداد ثانیه هایی که کاربر پیام را می بیند تنظیم کنید.
پنجره فقط یک یا هر بار که کاربر اقدامات خاصی را انجام می دهد قابل نمایش است (من آن را زیاد توصیه نمی کنم - باعث خوشحالی کاربران نمی شود). همچنین می توانید دقیقاً انتخاب کنید که این پاپ آپ های مشخص یا مشخص کدام پست ها یا صفحات نمایش داده شوند. به طور کلی ، این پلاگین کاملاً انعطاف پذیر است و به شما امکان می دهد پنجره های بازشو را با دقت بسیار بالایی نمایش دهید.
تثبیت موقعیت
مطمئناً کاربران نمی توانند از پنجره هایی که درست از وسط صفحه می پردند جلوگیری کنند ، اما حواس شما را از بازدیدکنندگان وب سایت می گیرد و می توانند واقعاً آزار دهنده باشند. همه پنجره های بازشو نباید در مرکز قرار بگیرند ، یک روبان باریک در بالا کمتر به چشم می آید ، اما می تواند بسیار موثرتر باشد. این بدان معنی است که شما باید موقعیت پنجره را کنترل کنید و بتوانید در اطراف صفحه حرکت کنید.
سازنده پنجره et JetPopup صفحه را به نه بخش تقسیم کنید و به شما امکان می دهد پنجره بازشو را در هر بخش قرار دهید. موقعیت یابی در امتداد مقیاس های چپ به راست و بالا و پایین تعریف می شود. این بسیار انعطاف پذیر نیست ، اما برای یک پنجره بازشو کافی است.
جلوه های انیمیشن
نحوه لغزیدن (یا رول یا پرش) پنجره روی صفحه بسیار مهم است. اگر پنجره خیلی سریع یا خیلی آهسته حرکت کند ، موثر نخواهد بود. پرش ها ، غلغلک ها و لرزش ها نیز باید با دقت بسیار زیادی استفاده شوند. جلوه های انیمیشن باعث پویایی سایت می شود ، اما همچنین می تواند کل برداشت را خراب کند.
سازنده پنجره دارای 36 نوع انیمیشن ورودی است ، از جمله انواع مختلف کشویی ، باز شدن ، بزرگنمایی ، تندرست و چرخش در جهات مختلف. همه اینها ، همراه با مدت زمان انیمیشن را می توان در بخش "طرح" در برگه تنظیمات یافت.
13 نوع انیمیشن در این پلاگین وجود دارد JetPopup، از جمله محو شدن ، چرخش عمودی ، اسلایدهای مختلف ، تندرست و بزرگنمایی. آنها را در بخش "تنظیمات" از برگه تنظیمات پیدا خواهید کرد.
مدل
در برخی موارد، می خواهید یک پنجره بازشو با ساختاری خاص ایجاد کنید و دقیقاً بدانید که چگونه باید به نظر برسد. اما این یک موقعیت نسبتا نادر است. اغلب اوقات شما نمی دانید که پنجره بازشو باید شامل چه عناصری باشد. اینجاست که قالب ها به کار می آیند. حتی اگر از هیچ یک از نمونه های از پیش پیکربندی شده استفاده نمی کنید، پردازش آنها می تواند دید کلی خوبی به شما بدهد. و البته، سفارشی کردن یک مورد خارج از جعبه بسیار سریعتر و آسانتر از ساختن آن از ابتدا است.
سازنده پنجره یک دسته را به کتابخانه الگوهای Elementor اضافه کرد. همانطور که قبلاً به شما گفتم ، شما می توانید این را درست در آغاز روند جدید ایجاد یک پنجره مشاهده کنید. مجموعه ای از الگوهای پنجره به اندازه کافی بزرگ است. بیش از 100 مورد وجود دارد در گوشه بالا سمت چپ ، یک ابزار مرتب سازی بر اساس دسته کشویی به شما امکان می دهد سرعت جستجوی خود را افزایش دهید. دسته بندی ها قابل درک هستند و یافتن پنجره موردنیاز شما مدت زیادی طول نمی کشد.
JetPopup همچنین یک کتابخانه عظیم از الگوها دارد. همه آنها در برگه کتابخانه متنی ذخیره می شوند و دارای ویژگی های مفید مانند دکمه پیش نمایش و شمارنده استفاده هستند. گزینه های مرتب سازی بیشتری وجود دارد ، لیست می تواند برای نمایش نوع خاصی از مدل ها پیکربندی شود و سپس به هر ترتیب قرار گیرد. به عنوان مثال ، بسته به تاریخ ایجاد. نمی توانم تعداد دقیق مدل های موجود را به شما بگویم ، اما قطعاً بیش از 100 مدل وجود دارد.
جدول مقایسه
| Elementor Popup Builder | JetPopup | |
| جایزه | 45 $ | 15 $ |
| مدل | 100 + | 100 + |
| محرک | 6 باعث شده ، قوانین پیشرفته 7 | رویدادهای باز 5 با پارامترهای اضافی |
| انیمیشن | انواع 36 | انواع 13 |
| آموزش | مستندات | مستندات ، آموزشهای ویدیویی 9 |
نتیجه
نمی توانم بگویم کدام یک از این دو افزونه بهتر است؛ برای قضاوت درباره آنها بسیار پیچیده است. هر مورد و هر شخص شرایط خاص خود را برای انتخاب افزونه ها دارد. حدس می زنم شما باید خودتان آن را تعریف کنید - کدام یک از این دو مورد برای شما بهتر است؟ برای شما آرزوی موفقیت در افزودن یک پنجره جذاب به وب سایت خود دارم!
