Топ сервісів, щоб зробити спливаючу форму підписки

Однією з ключових умов успішного email-маркетингу є якісна клієнтська база. І найпростіший спосіб її збирання — це форми підписки для сайту. Вони бувають статичними (вбудованими) і спливаючими (pop-up).

Перевага спливаючих вікон полягає в тому, що вони привертають до себе увагу. Декого такі елементи кастомного інтерфейсу дратують, але якщо грамотно налаштувати умови показу (час, сторінки, повтор та ін.) і не зловживати їхньою кількістю, то негативу можна уникнути.

Раніше ми вже писали, як створити вдалий pop-up. А зараз ми поговоримо про те, які сервіси допоможуть створити форму підписки в такому форматі.

Критерії вибору сервісів для pop-up форм

Поп-ап можна створити силами своїх програмістів або залучити підрядника. Утім сьогодні існує багато спеціальних сервісів, які пропонують швидке налаштування спливаючих вікон. В їхніх каталогах можна знайти багато різноманітних дизайнів форм підписки. Також вони дають можливість провести А/В-тестування, налаштувати таргетинг, інтегруватися із сервісом розсилок. Однак за розширену функціональність, безумовно, доведеться платити.

Під час вибору відповідного сервісу слід звертати увагу на такі моменти:

варіанти розміщення поп-апу на сторінці та умов його показу;
наявність бібліотеки шаблонів та опції для впровадження різних дизайнерських рішень (скажімо, чи можливо створити дизайн у фірмовому стилі компанії, довантажити власні зображення та шрифти);
інтеграція з вашою системою розсилок — ESP (чи наявна пряма інтеграція або додаткові інструменти, за допомогою яких її можна налаштувати);
вартість використання сервісу.

Ми розглянули можливості кількох компаній, які пропонують створити форму підписки. Коли ви ознайомитесь із коротким описом кожної, вам буде простіше зробити вибір для свого сайту.

eSputnik

Головна сторінка сайту CDP eSputnik

Безкоштовний тариф / тестовий період

Користувачам CDP eSputnik конструктор для створення форм підписки доступний безкоштовно. Можна вибрати один із варіантів:

плаваюча форма;
модальне вікно.

Плаваюча форма з'являється в нижньому куті екрана, і вона не перериває основних дій користувача.

Приклад плаваючої форми

Модальне вікно відрізняється тим, що коли воно спливає, то розташовується поверх основного контенту сторінки. Через це відвідувач сайту не зможе з ним взаємодіяти, доки не закриє віконечко з формою підписки.

Модальне вікно затінює решту вмісту сторінки

Попапи, які ви створюєте в редакторі, одразу адаптивні — вони без проблем відображаються на мобільних пристроях. У прикладі, наведеному нижче, продемонстровано, як один і той самий pop-up виглядає на різних дисплеях (мобільна версія — справа).

У конструкторі CDP eSputnik можна робити адаптивні форми

Для встановлення цього елемента не доведеться змінювати код. Щоб готова форма з'явилася на вашому сайті, потрібно встановити на нього скрипт eSputnik.

Дизайн

У редакторі доступні різні налаштування, які допоможуть зробити форму у стилі вашого сайту. Насамперед потрібно визначитися з розташуванням та контентом елемента. Чи буде він розміщуватися вертикально або горизонтально, з картинкою або без, чи матиме супровідний текст. Крім того, можна налаштувати:

стиль форми (вибір із 5 варіантів: класичний, мінімалізм, декоративний, м'який, сучасний);

Наявні варіанти дизайну форм

забарвлення кнопки (градієнт або заливка, з тінню або без);
колір фону;
стиль, колір, розмір та розташування тексту (+ підкреслення, виділення курсивом, тінню тощо).

Робота з конструктором інтуїтивно зрозуміла та не викликає складнощів. Якщо ви хочете додати у форму зображення, але у вас немає підходящого, система перенаправить вас до баз із колекціями ілюстрацій, абстрактних візерунків та іконок.

Додаткові можливості

У CDP eSputnik можна створити pop-up, що підтримуватиме багатомовність. Під час відображення форми мова визначатиметься за атрибутом "lang" у тезі html. Якщо його немає, за основу береться мова веб-браузера.

Користувачі, що підключили тариф Enterprise, можуть запускати персоналізовані попапи для рекомендації товарів. Пропозиції у них формуються з урахуванням переглянутих відвідувачем найменувань.

Claspo

Такий вигляд має головна сторінка сервісу

Сервіс пропонує drag'n'drop-редактор для створення форм і віджетів. Додати картинки, керувати налаштуваннями тексту та кнопок можна за кілька кліків мишки. Можна визначити умови, згідно з якими елемент спливатиме перед відвідувачами сайту:

частота показу (1 раз, 1 раз за сесію, 1 раз за вказану кількість днів, без обмежень);
демонструвати користувачам певного типу пристроїв (десктоп, мобільні, усі);
коли показувати (провів на сайті вказаний час у секундах, проскролив сторінку на 10% або більше).

У налаштуваннях є опція для приховування pop-up від людей, які вже підписалися на розсилку або залишили свої контактні дані. Форми створюються одразу адаптивними, але за бажанням можна окремо редагувати десктопну та мобільну версію – визначати вирівнювання елементів, розмір шрифту тощо.

Крім попапів, у Claspo можна зробити анімований віджет для виклику форми. У такому разі вона спливе не автоматично, а після того, як користувач натисне на спеціальну кнопку.

Розробники ще працюють над новим сервісом, і реліз MVP-версії стане доступним найближчим часом. Але вже зараз усі охочі можуть випробувати функціонал Claspo у CDP eSputnik.