У даному огляді я зібрала найкращі, на мій погляд, сервіси для створення спливаючих вікон. Найголовнішими критеріями оцінки для мене були: наявність безкоштовної версії або хорошого тестового періоду (з необмеженим функціоналом і відсутністю необхідності вводити реквізити своєї банківської карти), можливість зміни дизайну і тексту, наявність великої кількості тригерів. На мій превеликий подив, хороших і недорогих сервісів для створення поп-апів в рунеті я майже не знайшла (шукала через пошук). Натомість у зарубіжних колег знайшла багато цікавих інструментів. Уявляю їх вашій увазі.
Щоб переглянути детальний огляд сервісу, натисніть на посилання:
1. Hello Bar
- Зареєструйтесь на сайті hellobar.com.
- Вставте запропонований код в шаблон свого сайту або скачайте і встановіть плагін, якщо ви використовуєте Wordpress.
- Виберіть задачу, яку плануєте вирішувати за допомогою інструменту: збір імейлів, дзвінок в один клік, перенаправлення у ваші акаунти в соцмережах (або збір лайків), промоутування якийсь сторінки або просте оголошення.
- Впишіть номер телефону і виберіть свою країну.
- Виберіть тип спливаючого вікна: банер вгорі сайту, спливаюче вікно посередині екрану, внизу екрана або на весь екран.
- Увімкніть або вимкніть анімацію. Виберіть розташування вікна на екрані (в середині або зверху) і час, через яке воно буде показано користувачеві (відразу після приземлення, через 5, 10 або 60 секунд після приземлення, після того, як він прокрутив невелику частину сторінки, до середини, до самого низу або ж коли зібрався йти). Прибрати логотип Hello Bar у безкоштовній версії, на жаль, неможливо.
- Виберіть забарвлення вашого вікна.
- Введіть потрібний текст і, при бажанні, виберіть зображення, яке буде йти після вашого повідомлення.
- Налаштуйте таргетинг. На жаль, у безкоштовної версії спливаюче вікно показується абсолютно всім користувачам. Тому тут ми можемо вибрати тільки один параметр – що буде відбуватися після того, як користувач натиснув на кнопку або закрив вікно: поп-ап буде продовжувати показуватися, або ж він більше ніколи не з’явиться перед цим користувачем.
- Натисніть Save & Publish.
- Перейти в розділ Manage і запустіть банер, який ви тільки що створили.
- Дуже прості налаштування.
- Можливість виконувати різні завдання.
- Адаптивний дизайн.
- Хороша статистика.
- Інтеграція з зарубіжними email-сервісами (при виборі мети «збір імейлів»).
- Можливість підписатися на тариф Pro безкоштовно. Для цього необхідно запросити свого друга скористатися сервісом Hello Bar з допомогою ось цієї форми:
- Мізерні налаштування таргетингу.
- Неможливість прибрати логотип.
- Відсутність соціальної мережі «Вконтакте» (якщо вибирати мету Social):
Посилання на сайт: Hello Bar
Ціна: тариф Pro – $15 в місяць, тариф Enterprise – $99 в місяць (при оплаті за рік робиться знижка в 15%). Є повністю безкоштовна версія з усіма базовими функціями.
Як встановити:
Переваги сервісу Hello Bar
Як тільки один зареєструється в сервісі, вам обом буде безкоштовно надано тариф Pro рівно на один місяць.
Недоліки сервісу Hello Bar
2. GetSiteControl
- Увійдіть у сервісі.
- Натисніть на кнопку let’s install the code, скопіюйте запропонований код і вставте його перед закриваючим тегом body.
- Натисніть кнопку Refresh, щоб сервіс перевірив правильність установки. Якщо код додано правильно, то поруч зі словом Installed загориться зелений вогник.
- Виберіть потрібний віджет: опитування, форма для відправки email-повідомлення, промоутування потрібної вам сторінки, підписка на розсилку, збільшення передплатників в соціальних мережах, кнопки для розшарювання або онлайн-чат.
- Після того як ви вибрали віджет, відредагуйте його на свій розсуд (розберемо на прикладі віджета для зворотного зв’язку).
- Після того, як ви налаштували всі параметри, натисніть кнопку OK, а потім активуйте потрібний віджет.
- Після цього можна відслідковувати статистику.
- Недорога ціна.
- Немає обмежень по трафіку.
- Величезна кількість різних віджетів і шаблонів.
- Всі віджети адаптовані під мобільні пристрої.
- В віджеті для залучення нових передплатників є можливість додати кнопку для підписки на сторінку «Вконтакте» (у зарубіжних сервісах це рідкість).
- В віджеті з кнопками для розшарювання також є кнопка «Вконтакте».
- Можна отримати 3 місяці безкоштовного користування платним тарифом. Для цього необхідно поділитись посиланням на цей сервіс в соціальних мережах або написати про нього у своєму блозі, а потім відправити посилання на свій пост ось за цією адресою [email protected] з проханням надати вам безкоштовний доступ до платного тарифом.
- Не можна прибрати лого сервісу.
- Опції для просунутих користувачів (A/B-тестування, глибокий таргетинг, автореспондеры) доступні тільки в платному тариф. Хоча це навряд чи можна назвати недоліком.
Посилання на сайт: GetSiteControl
Ціна: від $9 на місяць. При оплата за рік надається знижка 20%. Є повністю безкоштовний тариф з усіма базовими функціями.
Як встановити?
А ось так виглядає кожен з них:
Зверніть увагу: у цьому розділі є готові шаблони текстів для різних цілей. Є контактна форма, питання до техпідтримку, форма для відгуків і пропозицій, форма замовлення, форма зворотного дзвінка, форма для відправлення скарги, а також форма для відправлення резюме.
Переваги сервісу GetSiteControl
Недоліки сервісу GetSiteControl
3. Mailmunch
- Увійдіть у сервісі.
- Виберіть тип вікна.
- Виберіть шаблон.
- Введіть назву форми (воно не буде ніде відображатися і потрібно виключно для вашої зручності) і виберіть список, в якому будуть зберігатися зібрані контакти.
- Налаштуйте дизайн форми. Введіть потрібний текст.
- Виберіть колір фону, кнопки і тексту. Увімкніть анімацію.
- Додайте потрібні поля. Русифицируйте текст, який буде в них написано. При бажанні, виберіть додайте свій власний html-код.
- Виберіть налаштування таргетингу.
- Інтегруйте Mailmunch з email-сервісом (якщо в цьому немає необхідності, натисніть Skip), а потім активуйте свій поп-ап.
- Якщо ви хочете зробити так, щоб поп-ап показувався при натисканні на кнопку або посилання, додайте запропонований код в урл цього елемента.
- Після того, як ви пройдете всі пункти, натисніть Finish і вставте запропонований код перед закриваючим тегом head.
- Готове. Можете відслідковувати статистику.
- Дуже хороший безкоштовний тариф.
- Невисокі ціни.
- Красивий дизайн і досить гнучкі налаштування.
- Адаптивний дизайн.
- Можливість міняти текст і додавати свої поля.
- Хороша аналітика.
- Експорт даних у форматі csv.
- Більшість шаблонів і деякі функції доступні тільки в платному тариф.
- Неможливість прибрати логотип.
Посилання на сайт: Mailmunch
Ціна: від $9 на місяць. При оплаті за рік надається знижка 30%. Є повністю безкоштовний тариф з хорошим функціоналом.
Як встановити?
Коли буде показуватися поп-ап:
Що буде відбуватися після підписки:
Умови показу:
В результаті у вас повинно вийти наступне: My Link
Переваги сервісу Mailmunch
Недоліки сервісу Mailmunch
4. Sumome
- Увійдіть у сервісі.
- Натисніть кнопку «Add new site» і введіть у вікно адресу вашого сайту.
- Вставте запропонований код в шаблон свого сайту.
- Перейдіть на свій сайт і клацніть по іконці у вигляді корони, яка з’явиться в правому верхньому куті екрану.
- Клікніть по іконці «Sumo Store».
- Виберіть віджет, який вас цікавить (поряд з віджетами, які надаються на безоплатній основі, стоїть відмітка FREE). В нашому випадку нам підійдуть такі віджети: List Builder, Scroll Box і Smart Bar. Поясню установку на прикладі List Builder.
- Натисніть кнопку FREE, а після того, як віджет встановиться, клікніть по кнопці Open.
- Налаштуйте вибраний віджет по вашому розсуду. Налаштуйте його зовнішній вигляд.
- Налаштуйте «поведінка» спливаючого вікна.
- Виберіть сторінки, на яких буде показуватися спливаюче вікно.
- Виберіть email-сервіс або crm-систему, з якою ви хочете синхронізувати List Builder.
- Якщо хочете, створіть свою форму за допомогою html-редактора.
- Після того, як ви налаштували всі параметри, натисніть кнопку Save і почніть відслідковувати статистику.
- Безкоштовний тариф.
- Велика кількість цікавих віджетів.
- Можливість змінювати дизайн і текст спливаючого вікна.
- Можливість скачувати зібрані імейли у форматі csv.
- У безкоштовної версії тільки один шаблон.
- Дуже висока ціна + неможливість придбати тільки ті віджети, які вам потрібні – продається весь набір цілком.
- Мізерні налаштування таргетингу.
- Більшість функцій доступні тільки в платній версії.
- Неможливість відключити брендування.
Посилання на сайт: Sumome
Ціна: від $40 в місяць. Є повністю безкоштовний тариф з усіма базовими функціями. І тут відразу невелике пояснення: за ці гроші ви отримуєте не тільки можливість створювати спливаючі вікна, а цілий набір різних віджетів, корисних для інтернет-маркетологів. Повний список віджетів ви можете переглянути на головній сторінці їх сайту.
Як встановити?
Поля для введення інформації можна додавати тільки в платній версії. У безкоштовної є тільки одне поле – email. Також у безкоштовної версії відсутня можливість скористатися готовими шаблонами (можна міняти тільки колір).
Ось який поп-ап у мене вийшло зробити в цьому сервісі в безкоштовному режимі:
Переваги сервісу Sumome
Недоліки сервісу Sumome
5. AddThis
- Ось на цій сторінці виберіть тип спливаючого вікна: банер або поп-ап.
- Вкажіть мету, яку ви переслідуєте: промоутування якийсь сторінки, збір імейлів або збільшення розшарювання.
- Відредагуйте текст та дизайн. При бажанні виберіть або завантажте свою фонове зображення.
- Виберіть, в якому місці екрана буде з’являтися ваш поп-ап.
- Виберіть необхідні налаштування таргетингу.
- Показувати поп-ап всім відвідувачам.
- Тільки новим або тільки повернулися.
- Пристрої: мобільні телефони, планшети, десктопи.
- Кому буде показаний поп-ап: користувачі, що прийшли з будь соцмережі або з якоїсь певної.
- Поп-ап буде показаний користувачам, які прийшли з конкретних сайтів.
- Інтереси користувачів (ця функція доступна тільки в платній версії).
- Назва кампанії для створення UTM-мітки).
- Medium кампанії (UTM).
- Місце знаходження користувача (ця функція доступна тільки в платній версії).
- Показувати поп-ап тільки на певних сторінках.
- Налаштуйте тригери.
- Натисніть кнопку Save and activate.
- Повністю безкоштовний тариф.
- Простота інтерфейсу.
- Можна змінювати текст і дизайн спливаючого вікна.
- Гарні налаштування таргетингу.
- Є аналітика.
- Зібрані імейли можна скачати в форматі .csv.
- Адаптивний дизайн.
- Більшість функцій (кнопки для розшарювання, кнопки соцмереж, блок «Читайте також», A/B-тестування і т. д.) доступні тільки в платних версіях.
Посилання на сайт: AddThis
Ціна: від $13 в місяць, при оплаті вперед надається знижка. Є повністю безкоштовний тариф з дуже непоганими можливостями.
Як встановити?
Виберіть, коли буде показуватися ваше вікно: на виході, через якийсь час після приземлення, після перегляду певної кількості сторінок.
Переваги сервісу AddThis
Недоліки сервісу AddThis
6. Witget
- Увійдіть у сервісі.
- Додайте запропонований код в шаблон свого сайту перед закриваючим тегом body.
- Перейдіть в «Галерею шаблонів» і виберіть потрібний шаблон.
- Виберіть соцмережі, які ви хочете бачити на своєму поп-ап (на прикладі поп-апа з проханням поділитися сторінкою в соцмережах).
- Виберіть зображення.
- Введіть потрібний текст. Відформатуйте його.
- Виберіть колір фону, колір затемнення сайту, а також ширину спливаючого вікна.
- Перейдіть у вкладку «Частота і умови показу» і вкажіть там потрібні вам параметри.
- Перейдіть у вкладку «Місце і час показу», вкажіть там потрібні вам параметри та натисніть кнопку «Зберегти».
- Перевірте, як відображається віджет на вашому сайті, натиснувши кнопку «Показати на сайті» і, якщо вас все влаштовує, активуйте його.
- Адекватна ціна.
- Російськомовний інтерфейс.
- Величезний вибір готових шаблонів. Тут є не тільки спливаючі вікна, але і банери, кнопки для розшарювання, таймери зворотного відліку, форми для збору зворотного зв’язку і т. д.
- Наявність російськомовних соцмереж типу «Вконтакте», «Мій світ» і «Однокласники».
- Адаптивний дизайн.
- Експорт даних в ods і csv.
- Інтеграція популярними в рунеті email-сервісами: Unisender, Smartresponder, Mailchimp, Getresponse, eSputnik, Justclick.
- Статистика.
- Як я не шукала, так і не вдалося зрозуміти, як інтегрувати сервіс Google Analytics.
- Короткий тестовий період.
Посилання на сайт: Witget
Ціна: від 990 рублів в місяць. При оплаті на кілька місяців вперед надається знижка. Є безкоштовний тестовий період тривалістю 7 днів.
Як встановити?
Дуже докладно про те, як налаштовувати останні дві вкладки, написано тут.
Ось такий поп-ап у мене вийшов, поки я вивчала функції цього сервісу:
Переваги сервісу Witget
Недоліки сервісу Witget
7. Picreel
- Увійдіть у сервісі.
- Виберіть потрібний шаблон: для збору передплатників, пененаправления трафіку, проведення опитувань, роздачі знижок, купонів; звичайні поп-апи, поп-апи на весь екран або поп-апи, що складаються з двох вікон.
- Відредагуйте його на свій розсуд.
- Натисніть Save.
- Виберіть відповідні тригери.
- Налаштуйте таргетинг.
- Натисніть Save.
- Скопіюйте запропонований код і вставте його в шаблон свого сайту перед закриваючим тегом body.
- Натисніть кнопку OK, it’s DONE
- Перейдіть в особистий кабінет і почніть відслідковувати статистику по своїй кампанії.
- Великий тестовий період (30 днів) з необмеженою функціоналом.
- Велика кількість готових шаблонів.
- Інтеграція з усіма відомими зарубіжними email-сервісами та crm-системами.
- Розширені налаштування таргетингу.
- Хороша аналітика.
- Можливість проводити A/B-тести.
- Адаптивний дизайн.
- Партнерська програма. Приведи друга та отримай $25 на свій аккаунт. Після того, як набереться $100, ці гроші можна перевести на ваш аккаунт в Paypal.
- Ціна. Вартість мінімального тарифу становить 19 доларів в місяць і це при тому, що в ньому є обмеження по кількості трафіку: 3000 30000 унікальних відвідувачів і переглядів в місяць.
- Відсутність безкоштовного тарифу.
Посилання на сайт: Picreel
Ціна: від $19 в місяць з обмеженням за кількістю унікальних користувачів та показів. При оплаті за рік робиться знижка 25%. Є безкоштовний тестовий період в 30 днів.
Як встановити?
Змініть дизайн і текст спливаючого вікна: з допомогою простого редактора або редагування коду html/css. Додайте необхідні поля.
Додайте інтерактивні елементи: анімація при появі вікна, таймер зворотного відліку і т. д.
Переваги сервісу Picreel
Недоліки сервісу Picreel
8. Optimonk
- Увійдіть у сервісі.
- Виберіть потрібний шаблон.
- Відредагуйте його на свій розсуд.
- Натисніть Save.
- Налаштуйте розклад (якщо необхідно) і виберіть потрібні тригери.
- Налаштуйте таргетинг і при необхідності інтеграцію з email-сервісами, crm-системою, движком вашого сайту і Google Analytics.
- Натисніть Save.
- Скопіюйте запропонований код і вставте його в шаблон свого сайту перед закриваючим тегом body.
- Натисніть кнопку Ok, it’s done!, активуйте кампанію і почніть керувати поп-апом з особистого кабінету сервісу.
- 11 готових шаблонів (поп-ап з таймером, з полями для введення імені і імейла, з купоном на знижку, подвійний поп-ап).
- Інтеграція з популярними зарубіжними email-сервісами та crm-системами.
- Інтеграція з Google Analytics і Google Tag Manager.
- Дуже глибокі налаштування таргетингу (набагато глибше, ніж у Picreel, але, щоб їх активувати, будуть потрібні знання програміста).
- Хороша аналітика.
- Динамічна заміна тексту (налаштовується за допомогою коду javascript).
- Не дуже великий тестовий період – всього 14 днів.
- Найвища ціна: від 29 доларів в місяць (1 домен і 5 тис. унікальних відвідувачів в місяць).
Посилання на сайт: Optimonk
Ціна: від $29 в місяць з обмеженням до 5 тисяч унікальних користувачів. Є безкоштовний тестовий період тривалістю 14 днів.
Як встановити?
Змініть дизайн і текст спливаючого вікна: з допомогою простого редактора або зміни коду css та javascript. Всі поля редагуються шляхом натискання мишкою на потрібну фразу. Є кілька варіантів колірних схем, але можна поставити і свій власний.
Виберіть потрібну анімацію.
Додайте поп-ап з вдячністю, який буде з’являтися після заповнення полів.
Переваги сервісу Optimonk
Недоліки сервісу Optimonk
Порівняльна таблиця
Щоб вам було зручно порівнювати сервіси, які я перерахувала вище, скористайтеся таблицею Excel. Щоб її завантажити, кликніть по картинці нижче.
В якості бонусу: безкоштовні плагіни для Wordpress
За що я найбільше люблю Wordpress, так це за те, що для нього є готові плагіни практично на будь-яку тему. І спливаючі вікна – не виняток. Трохи нижче я перерахую плагіни, за допомогою яких ви можете створити красивий поп-ап для свого сайту на Wordpress. Без докладного огляду, але з картинками, щоб ви могли подивитися, як вони будуть виглядати на вашому сайті.
9. Popups
10. WordPress PopUp
11. Scroll Triggered Boxes
12. WP Popup Plugin — Lightbox Popup
13. YITH Newsletter Popup
14. PopupAlly
15. WordPress Notification Bar
Російськомовні сервіси, які не увійшли в огляд
- JumpOut. Дуже хороші ціни і можливості, але на момент написання цієї статті не мав тестового періоду, тому в огляд не потрапив. Зараз тестовий період становить 15 днів. Можете спробувати і розповісти нам про свої враження у коментарях.
- CartProtector. Хороший сервіс, але ціни кусаються. Плюс, короткий тестовий період – два тижні. Свого часу ми його використовували для свого сайту, лідов було не дуже багато, але, я впевнена, можна домогтися гарних результатів, якщо поекспериментувати.
- Сервіси зворотного дзвінка, а також сервіси типу Hubspot, в яких крім спливаючих вікон є ще три мільйони різних функцій для роботи по збору і обробці лідов. Я вважаю, ці сервіси повинні йти окремо (можливо, коли-небудь зробимо і на них огляд).
Висновок
При підготовці цього матеріалу я намагалася знайти російськомовні сервіси для створення спливаючих вікон, але, на мій превеликий подив, їх виявилося вкрай мало (можливо, їх творці просто не займаються пошуковим просуванням). Зате я знайшла безліч віджетів для замовлення зворотного дзвінка. Ось тут дійсно є, де розгулятися. Так що, робіть висновки, панове.