Спливаюче вікно один з найбільш ефективний способів створити список електронної пошти користувачів. Вікно буде з'являється, коли користувач відкрив сторінку сайту і містити веб-форму, яку вони просто не можуть ігнорувати (наприклад, пообіцяти щось безкоштовно скачати).
Перевага такого підходу:
- Ефект колосальний.
- Скарг від нього, мало.
Спливаюче вікно jQuery
Щоб створити спливаюче вікно, багато хто використовує програми сторонніх розробників, наприклад, Opt-in Monster. LeadPages. або список Builder плагін від SumoMe. Ці додатки зручні, але навіщо використовувати програми сторонніх розробників якщо у більшості CMS. jQuery є за замовчуванням.
Якщо для спливаючого вікна Ви використовуєте додаток сторонніх розробників, дізнайтеся в цій статті як легко створити спливаюче вікно за допомогою бібліотеки jQuery. Можливо спливаюче вікно за допомогою jQuery на вашому сайті буде краще працювати.
підключити jQuery
Якщо CMS не містить за замовчуванням бібліотеку jQuery, її можна завантажити і підключити до сторінки. Але простіше додати посилання на бібліотеку jQuery.
Далі на сторінку ще потрібно підключити два плагіна jQuery:
Перший плагін, Модальний плагін. його ми будемо використовувати щоб створити спливаюче вікно, яке з'являється після того як користувач відвідає сайт. При додаванні плагіна до проекту, переконайтеся, що завантажені всі файли:
- jquery.modal.min.js
- jquery.modal.css
- close.png
- spinner.gif
Спливаюче вікно можна зробити за допомогою інших модальних плагінів, але цей варіант найпростіший.
Другий плагін який потрібен це jQuery Cookie. ми застосуємо його для користувачів, які на спливаючому вікні натиснули кнопку "закрити". і не бачили спливаюче вікно протягом одного місяця.
Це означає, що:
- Всі повинні бачити спливаюче вікно, по крайней мере, один раз.
- Кожен раз, після повернення на сайт відвідувачі не бачать спливаюче вікно.
Для цього використовується Cookie і він досить добре працює.
Після підключення jQuery разом з плагінами, Ви повинні створити файл HTML, який виглядає так:
Створити спливаюче вікно
між тегами