Без стресу від кодування та дизайну Створюй, налаштовуй і запускай віджети для сайту – все в одному місці Спробуй безкоштовно
Контент

Більше 40 прикладів спливаючих вікон для електронної пошти, щоб отримати підписників на розсилку в 2025 році

11 вересня 2024 07 серпня 2025 ~ 20 хв читати 59738 перегляди
оцінити
Claspo Blog Більше 40 прикладів спливаючих вікон для електронної пошти, щоб отримати підписників на розсилку в 2025 році

Електронні листи залишаються одним з найефективніших за витратами та високим ROI маркетинговим каналом для залучення клієнтів і сприяння конверсіям. За даними одного дослідження, 75.4% споживачів віддають перевагу отримувати промоційні повідомлення електронною поштою. Більше того, 32.7% підписуються на розсилки, щоб отримати доступ до ексклюзивних пропозицій та персоналізованих знижок. 

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

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

Що таке спливаючі вікна з електронними листами?

Спливаюче вікно з електронною поштою — це інтерактивне вікно, яке з’являється для відвідувачів сайту.  Його основна мета — зібрати інформацію про відвідувача: адресу електронної пошти, номер телефону, ім’я, уподобання підписки тощо. Залежно від налаштувань, ці спливаючі вікна зазвичай запускаються поведінкою користувача, такою як час перебування на сторінці, глибина прокрутки або намір закриття сторінки, що дозволяє маркетологам надавати цільові пропозиції в оптимальні моменти користувацької подорожі.

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

Хоча макет і дизайн спливаючих вікон для підписки електронної пошти можуть відрізнятися, вони мають спільну рису: переконливе повідомлення з додатковою цінністю або стимул (також відомий як лід-магніт). Цей стимул призначений для того, щоб мотивувати відвідувачів поділитися своєю контактною інформацією. За допомогою інструмента від Claspo builder списку електронних листів ви можете без особливих зусиль конвертувати більше відвідувачів у активних підписників, що підвищить вашу генерацію лідів і ROI з електронного маркетингу.

Наскільки ефективні спливаючі вікна для підписки на електронну пошту?

Спливаючі вікна для підписки на електронну пошту є одними з найпотужніших інструментів генерації лідів у сучасній цифровій маркетинговій стратегії. Підтверджені даними, їхню ефективність важко ігнорувати: згідно з Entrepreneur, веб-сайти без спливаючих вікон зазвичай мають 3.7% коефіцієнт конверсії, тоді як ті, що використовують спливаючі вікна, можуть досягати до 16%. В середньому, спливаючі вікна для підписки конвертують близько 10% відвідувачів, що робить їх одним з найбільш ефективних інструментів захоплення цифрових лідів.

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

The_Power_of_Pop-Ups_What_Works_in_2025

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

40+ найкращих прикладів спливаючих вікон новин (і чому вони конвертують)

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

Приклади спливаючих вікон для збору електронних адрес у електронній комерції

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

Wayfair

Коли ви заходите на wayfair.com, вас відразу вітає спливаюче вікно зі знижкою.  

Ecommerce_email_popup

Що добре 

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

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

Області для покращення

Якщо ви не хочете скористатися пропозицією одразу, можете зробити це пізніше, натиснувши кнопку запуску або тизер. 

Ecommerce_email_popup_2

Але як тільки ви покидаєте головну сторінку, спливаюче вікно підписки зникає повністю. Зберігати його видимим на всьому сайті може бути розумним вибором. Такий тип спливаючого вікна для збору електронних адрес не порушує користувацький досвід, і відвідувачі можуть легко скористатися пропозицією знижки при підписці.

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

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

Cult Beauty

Наступний приклад спливаючого вікна для новин походить від Cult Beauty, британського онлайн-майданчика для макіяжу. 

Beauty_Sign_up_poup

Що добре

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

Швидка професійна порада

Стратегічно розташоване спливаюче вікно підписки на email може значно збільшити ваш список підписників, особливо коли воно поєднане з правилами таргетингу. У Claspo затримка для спливаючого вікна підписки за замовчуванням також становить 20 секунд, але ви можете налаштувати цей час відповідно до своїх уподобань. Цей підхід до взаємодії з користувачами дозволяє адаптувати його до унікальної поведінки та вподобань вашої аудиторії.

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

Сфери для покращення

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

American Trucks 

Цей приклад спливаючого вікна від American Trucks чітко заявляє про ціннісну пропозицію.

Automotive_email_popup

Що добре

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

Puma

Puma використовує інший підхід. Як тільки ви заходите на сайт, запускатор з'являється в нижньому лівому куті.

Sports_email_popup

Що добре

Запускатор показує форму підписки на email тільки після натискання на нього. Це надає користувачам свободу досліджувати сайт і натискати на кнопку запуску, якщо вони цього бажають. Щоб привабити людей натиснути на нього, Puma використовує хитрий заклик до дії, що каже: "Отримайте 20% знижки".

Запускатори хороші тим, що вони не закривають основний контент і не переривають сеанс користувача. Більшість шаблонів Claspo містять запускатори, які ви можете налаштувати. Також ви можете створити окремий запускатор і з'єднати його з існуючим віджетом у Claspo.

blue_glowing_1x
Спробуйте цей шаблон

Heatonist

Цей приклад спливаючого вікна для підписки на розсилку взято від Heatonist.

Food_email_subscribe_popup

Що добре

Судячи з заголовка, Heatonist хоче скористатися страхом упустити щось важливе. Вони підтримують це креативним текстом кнопки: "Підписатися, щоб додати спецій". Це вдало переплітається з товаром, який вони продають. На зображенні праворуч представлені різні доступні соуси. Ми припускаємо, що це зображення символізує різноманітність; кожен може знайти те, що йому подобається.

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

Області для покращення

Форма підписки на електронну пошту з'являється протягом 10 секунд після потрапляння на сайт. Це відчувається майже миттєво, що може бути дратівливим для відвідувачів. За такий короткий час люди навіть не встигають озирнутися на сайті. Тому краще дати вашим відвідувачам трохи більше часу, перш ніж спробувати заохотити підписки.

The Trendy Toddlers 

Це інтернет-магазин, що спеціалізується на одягу для немовлят та малюків, розташований в США.

Fashion_email_popup

Що добре

Ми одразу бачимо чітку пропозицію та форму спливаючого вікна підписки лише з двома полями.

Вони також адаптували кнопку форми, спонукаючи користувача активувати пропозицію. Ми також бачимо кнопку відмови з текстом "Продовжити без пропозиції". Ця кнопка важлива, оскільки вона поважає автономію користувача та надає ненав'язливий спосіб для відвідувачів відхилити пропозицію, покращуючи користувацький досвід. У Claspo ви можете легко вбудувати аналогічну функцію відмови, забезпечивши, щоб ваша аудиторія відчувала себе вільно та оцінено.

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

Nike 

Наступний приклад спливаючого вікна підписки на розсилку привернув нашу увагу не так дизайном, скільки додатковими полями.

Nike

Що добре

Ці додаткові поля допомагають більш стратегічно збирати електронні адреси. Збираючи ключові дані про підписників із самого початку, маркетологи можуть одразу сегментувати свою аудиторію. Це дозволяє створювати персоналізовані email-кампанії, адаптивну доставку та пропозиції, пристосовані до вподобань кожного контакту. Якщо ви збираєте дату народження підписника, то можете навіть надсилати йому листи з привітанням з днем народження. Згідно з опитуванням, 84% споживачів цінують персоналізовані пропозиції на день народження.

Швидка порада

З Claspo ви можете легко створити схожий віджет з компонентами для збору додаткової інформації для сегментації нових підписників. Додайте такі компоненти, як радіо-кнопки, випадаюче меню та календар до вашого спливаючого вікна захоплення email.

Області для покращення

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

Tessemae’s

Гарний заголовок не залишиться непоміченим. Візьміть приклад з Tessemae’s.

TESSEMAE_S

Що добре

Компанія дотримується найкращих практик щодо спливаючих вікон для підписки на розсилку: заголовок зрозумілий і має гарний ритм. Основний текст чіткий і акцентує увагу на перевагах підписки на розсилку. Два поля для електронної пошти та номерів телефонів розширюють можливості маркетологів для спілкування з клієнтами за допомогою додаткових повідомлень в SMS або месенджерах. Дизайн цього спливаючого вікна підписки на email яскравий завдяки фону, але не нав'язливий, оскільки монохром основної частини форми підписки підтримує баланс кольорів.

Craighill

Для залучення підписників на розсилку Craighill покладається на безкоштовні подарунки.

craighill-exit-intent

Що добре

Більшість сайтів з високою конверсією використовують спливаюче вікно для підписки, щоб захопити ліди безпосередньо перед тим, як користувачі залишають сторінку. Маркетологи бренду використовують спливаюче вікно з наміром виїзду для вирішення двох завдань одночасно:

  • щоб отримати підписки на розсилку;
  • щоб спробувати повернути відвідувача до покупок.

Привабливий дизайн працює для обох цілей: зображення призу, який можна виграти за підписку.

Той самий продукт також відображено на віджеті подяки, а кнопка CTA підштовхує відвідувачів продовжити покупки. Можливо, зображення продукту надихне деяких людей продовжити покупки. Це друге спливаюче вікно також пояснює умови для учасника — де і коли очікувати новини про виграш.

craighill-exit-intent-2

Швидка порада

Усі шаблони випливаючих вікон підписки на розсилку Claspo включають додаткові віджети для наступних статусів: 'дякуємо', 'вже підписаний' та 'помилка'. Кожен з них має попередньо написане стандартне повідомлення, але ви можете легко змінити його та додати такі компоненти як промокод. Таким чином, відвідувачі можуть використовувати код відразу, без необхідності перевіряти свою пошту.

Dollar Tree

Ще один цікавий приклад випливаючого вікна для електронної пошти - це віджет на сайті популярного американського магазину Dollar Tree.

dollar-tree-popup

Що добре

По-перше, дизайн випливаючого вікна на розсилку привертає увагу. Воно світле і майже невагоме, з достатнім простором між елементами. Колірна гамма дотримується фірмового зеленого відтінку бренду. Унікальний заголовок заохочує відвідувачів 'Зробити вашу поштову скриньку щасливою' замість звичного 'Підписатися'. Кнопка заклику до дії привертає увагу текстом, написаним від першої особи — однією з розумних хитрощів у копірайтингу. Однак, що дійсно робить це вікно підписки на електронну розсилку оригінальним, це його форма, що включає 3D-зображення конверта з логотипом бренду.

Швидка порада

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

Quiet Town

Далі розглянемо кілька прикладів вікон підписки на розсилку від Quiet Town.

quiet-town

Що добре 

Заголовок чітко підкреслює переваги підписки на розсилку. У основному тексті компанія звертається до загальних побоювань скептично налаштованих відвідувачів бути 'засипаними спамом'. Знижка згадується двічі — один раз у пояснювальному тексті та ще раз у кнопці заклику до дії від першої особи.

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

quiet-town-tel

Області для поліпшення 

Можливо, варто експериментувати з різними стимулами для підписки на SMS-розсилку або бути більш конкретними — замість просто 'раннього доступу', вони могли б спробувати щось на кшталт 'Отримайте доступ на 2 години/2 дні раніше', наприклад.

Fabdog

Цей приклад від Fabdog також використовує багатоступеневу форму в процесі підписки, але оригінальним чином.

fabdog

Що добре

Fabdog поєднує підписки на email і SMS маркетинг в одному спливаючому вікні. Спливаюче вікно для маркетингу електронною поштою візуально розділено на дві секції за допомогою заголовків. Знаючи, що люди можуть вагатись ділитися своїми телефонними номерами, вони пропонують більшу знижку за підписку на SMS-розсилку. Після заповнення першої форми користувачам пропонується другий крок: збирання додаткової інформації для сегментації та пропозицій до дня народження. Нарешті, третє повідомлення «Дякуємо» пояснює, де знайти промокод.

fabdog-multistep

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

Області для покращення

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

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

Woolx

Щоб залучити відвідувачів, Woolx використовує ігрову віджет, яка займає весь екран.

Merino-Wool-popup

Що добре Спливаюче вікно використовує популярний ігровий механізм «виберіть один з трьох». Користувач повинен вибрати одну з запропонованих овець, щоб відкрити знижку. Крім того, цікавість користувача ще більше підігрівається повідомленням про отримання максимальної знижки. Однак конкретні цифри не показуються. Отже, щоб дізнатися точну суму знижки, потрібно поділитися своєю електронною поштою і отримати промокод у свою поштову скриньку.

Швидка порада професіонала
Ви можете створити подібний віджет у Claspo, використовуючи ті ж механіки. Найшвидший спосіб — налаштувати один з наших шаблонів спливаючих вікон з гейміфікацією. Ви можете залишити зображення стандартних подарункових коробок або легко завантажити свої власні. Зазвичай такі ігри пропонують користувачам три варіанти на вибір, але Claspo дозволяє до десяти варіантів — ідеально, якщо ви хочете створити гейміфіковану плаваючу панель.

claspo-gamification-hearts

Області для покращення

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

Funko

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

spin-the-wheel

Що добре

Дизайн віджета бездоганно поєднується із загальним стилем сайту, використовуючи ті ж кольори та шрифт, що робить його невід'ємною частиною сайту, а не чимось нав'язливим. Заклик до дії на кнопці зрозумілий, а грайливе написання слова "wheel" додає веселої нотки. Чітко видима кнопка закриття надає користувачам легкий спосіб вийти, якщо пропозиція їх не зацікавила. Крім того, спливаюче вікно підписки на електронну пошту відображається лише для нових відвідувачів, які ще не підписалися, щоб не дратувати існуючих підписників.

Області для покращення

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

Також можна експериментувати з дизайном інтерактивного спливаючого вікна для електронної пошти, а саме показати весь колесо.

Хочете дізнатися більше про ідеї спливаючих розсилок, як ці? Дізнайтеся більше про гаміфікацію спливаючих вікон — включаючи його переваги, творчі використання та як створювати гейміфіковані попапи, які дійсно конвертують.

Juicy_Wheel_of_Fortune
Подивіться на шаблон уважно

Приклади спливаючих вікон для підписки на розсилку для B2B і SaaS

У B2B і SaaS спливаючі вікна допомагають збирати потенційних клієнтів для подальшого спілкування з командою продажів. Давайте розглянемо деякі цікаві приклади підписки на електронну розсилку і виділимо маркетингові підходи для залучення цільової аудиторії.

Virtuance

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

B2B_Email_popup

Що добре

Це спливаюче вікно пропонує лід-магніт. Оскільки життєвий цикл маркетингу та продажів B2B зазвичай довший і складніший, підтримка клієнтів відіграє важливу роль. У процесі перегляду сайту з'являється більше спливаючих вікон. Проте, це пропонує іншу винагороду.

B2B_Email_popup2

Швидка порада експертам

Relевантність є ключовою при створенні спливаючих вікон для новинних розсилок. Тому розміщуйте різні магніти для залучення лідів на різних сторінках. Це дозволяє адаптувати спливаюче вікно до контексту сторінки. Ви можете спробувати цю тактику самостійно з Claspo.

Flowium

Flowium також пропонує подарунок для зайнятих маркетологів в обмін на адресу електронної пошти.

SaaS_email_popup

Що добре

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

  • Персоналізація: Це додає людяності повідомленню, роблячи спливаюче вікно менш схожим на автоматизовану підказку.
  • Брендування: Корпоративна футболка підсилює ідентичність бренду.
  • Надійність: Вид кого-небудь з команди може зробити компанію більш надійною та доступною.

Наостанок, дружнє обличчя може привернути увагу користувачів до спливаючого вікна, збільшуючи шанси на взаємодію.

дизайн спливаючих вікон для підписки на розсилку Visme

Інколи візуали говорять голосніше за слова.

Lead_magnet_popup

Що добре

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

Посилання на умови використання розташоване під кнопкою CTA. Наступним кроком після підписки є відправка подвійного підтвердження електронною поштою, яке захистить вас від можливих звинувачень у спамі. Якщо вас цікавить ця тема, у нас є блог з ‘підтвердити підписку’ шаблони електронних листів.

Quantum Metric

Ось ще один приклад компанії, яка використовувала магніт для залучення лідів для створення бази підписників.

Quantum-Metric

Що добре

Замість використання багатьох різних спливаючих вікон, компанія створила один віджет зі слайдером, що показує два гайди. Функції спливаючого вікна налаштовані так, щоб з'являтися, коли читач прокручує до кінця сторінки зі звітом. Такий підхід забезпечує те, що користувачі не будуть перервані під час дослідження. Крім того, віджет не з'являється посеред екрану, не перекриває інший контент і не порушує користувацький досвід.

Швидка професійна порада

У нашому редакторі ви можете створити подібний віджет з нуля, додавши компонент ‘слайдер’ або налаштувавши заздалегідь підготовлені шаблони. Слайдер дозволяє включати будь-яку кількість зображень або відео в віджет.

Приклади попапів для підписки на електронну пошту для сектора споживчих послуг

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

Pvolve 

Ця фітнес-компанія з мережею студій, онлайн-курсів та магазином товарів запустила привабливий віджет на своєму сайті перед Днем праці. 

Pvolve-Official-Site-Workouts-classes-equipment-apparel

Що добре

Воно привертає увагу, виконуючи дві цілі одночасно: просування розпродажу на свято та розширення списку підписників. На зображенні показано приклад комплекту, який можна придбати зі знижкою, що підкреслено в заголовку. Якщо відвідувачі зацікавлені в пропозиції, вони можуть ввести свій email у другому вікні цього двоетапного спливаючого вікна. Такий підхід вирішує одну з основних проблем діджитал-маркетингу — збирання контактної інформації без відволікання відвідувачів від основної конверсії.

Pvolve-Official-Site-Workouts-classes-equipment-apparel1

Можливості для покращення 

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

Швидка порада

У редакторі Claspo ви можете додати відносний таймер, адаптований для кожного відвідувача. Відлік починається, коли з’являється спливаюче вікно, і якщо відвідувач не встигає діяти до закінчення відліку, віджет зникає. Однак для кожного нового відвідувача промоакція перезапускається, надаючи кожному персоналізований відлік.

White Oak Pastures

Для бізнесів у секторі споживчих послуг важливо створювати дружню та привітну атмосферу, навіть використовуючи спливаючу форму підписки. Ми знайшли чудовий приклад цього на сайті White Oak Pastures.

White-Oak-Pastures-Since-1866-Grassfed-Beef-and-Pastured-Poultry-ezgif_com-video-to-gif-converter

Що добре 

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

Можливості для покращення

Було б корисно скоротити текст, щоб користувачам не доводилося прокручувати до поля для email та кнопки заклику до дії. Це можна досягти шляхом видалення розділу, що просуває мобільний додаток, особливо враховуючи, що той самий заклик до дії з'являється у другому спливаючому вікні, активованому запуском.

Приклади email-попапів від медіа та блогів

Спливаючі вікна підписки на електронну пошту для блогерів і медіа є важливим інструментом для збору контактів читачів. Однак використання їх на сайтах з багатим контентом має свої нюанси. Розгляньмо кілька прикладів.

this Lonely Planet

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

Travel_popup_email

Що добре

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

Напрямки для покращення 

Здається, що макет спливаючого вікна зламаний, оскільки кнопка CTA розташована занадто далеко справа. Краще було б розмістити его під полем введення електронної пошти для більш чистого дизайну.

darren Rowse

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

Darren-Rowse-blog-popup

Що добре

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

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

click-popup-trigger-example

Напрямки для покращення 

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

Forbes

Навіть відома публікація, така як Forbes, думає про збільшення кількості підписників на електронну пошту

Forbes

Що добре

Дизайн віджета мінімалістичний, але деталізований та чіткий в плані змісту. Список з маркерами використовується для кращої читабельності, а частота розсилок чітко вказана у заголовку. Крім того, у формі зазначені умови використання, що підвищує прозорість.

Швидка порада

Згідно з опитуванням, 71% споживачів з більшою ймовірністю будуть довіряти компанії своїми особистими даними, якщо буде чітко пояснено, як вони використовуються. Під час створення віджету в конструкторі спливаючих вікон Claspo, ви можете легко додати компонент "Умови використання" до форми підписки всього за кілька кліків.

McKinsey & Company 

Консалтингова компанія McKinsey & Company використовує спливаючі вікна для формування бази підписників на своєму блозі.

floating-bar-popup

Що добре

Компанія зосередилася на використанні плаваючої панелі для того, щоб не заважати читачеві і не відволікати користувачів. Вона максимально відповідає майже монохроматичному дизайну сайту. Єдина яскрава точка — це кнопка CTA. Віджет з'являється, коли відвідувач прокрутить до середини статті.

Зверніть увагу на тематичну відповідність цього спливаючого вікна для підписки — воно пропонує підписатися на оновлення статей з розділу, який користувач переглядає. Це персоналізує досвід користувача, підвищуючи ймовірність перетворення його на абонента.

Aspiration Marketing

Форма Aspiration Marketing виділяється серед інших спливаючих вікон для підписки на новини завдяки своїй довжині, але для цього є практична причина.

aspiration-marketing

Що добре

Окрім стандартних полів для імені та електронної пошти, відвідувачі можуть вибрати мову розсилки та частоту її отримання. Це дає новим підписникам контроль над частотою листів з самого початку. Її великий розмір гарантує, що спливаюче вікно не буде непоміченим, але A/B тестування потрібно, щоб визначити, чи підходить цей підхід відвідувачам вашого сайту.

Області для покращення 

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

Приклади спливаючих вікон для підписки від неприбуткових організацій

Підписники так само важливі для неприбуткових організацій, як і для бізнесу. Статистика показує, що в середньому кожна тисяча розісланих електронних листів для збору коштів приносить $42 в пожертвуваннях. Проте використання спливаючих вікон для підписки на новини в цьому секторі має свої нюанси. Як правило, вони розроблені так, щоб бути якомога менш нав'язливими, щоб не відволікати відвідувачів від основних цілей — будь то здійснення пожертвувань або реєстрація в якості волонтера.

Catholic Relief Services 

Ось приклад використання плаваючої панелі Catholic Relief Services для формування свого списку підписників.

Nonprofit_email_subscribe_popup

Що добре

Це спливаюче вікно підписки на електронну пошту підкреслює місію некомерційної організації та запрошує відвідувачів приєднатися до їхньої справи. Віджет ідеально розроблений для сайту і виглядає дуже природно. 

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

Смітсонівська установа

Веб-сайт Смітсонівської установи підходить до збору підписників дуже обережно. 

Smithsonian-Institution

Що добре

Спливаюче вікно електронної пошти налаштоване з'являтися лише після того, як відвідувачі натиснуть спеціальну кнопку внизу сторінки.

Області для вдосконалення 

Хоча цей спосіб активації віджету підходить для некомерційної організації, дизайн самого спливаючого вікна потребує покращення. Зважаючи на те, що веб-сайт Смітсонівської установи наповнений оригінальними та захоплюючими зображеннями, дивно, що вони не створили більш привабливого спливаючого вікна для новин, щоб заохотити відвідувачів ділитися своїми електронними адресами. Відсутність зображення також робить структуру віджету виглядати незбалансованою.

Animal Rescue Site

Такі випадки рідкісні, але The Animal Rescue Site управляє власним інтернет-магазином, доходи від якого йдуть на благодійність. 

Crisis-in-Ukraine-Evacuate-Pets-Out-of-a-War-Zone-The-Animal-Rescue-Site

Що добре

Це класичний приклад спливаючого вікна, яке пропонує знижку на першу покупку в обмін на підписку на розсилку новин. Акцент робиться на розмірі знижки та заклику до дії. 

Області для вдосконалення

Було б корисно включити короткий текст-роз'яснення, що чітко описує, що отримають користувачі, підписавшись. Без цієї інформації не зрозуміло, чи отримають підписники оновлення від некомерційної організації чи лише інформацію про продукти. Коротке пояснення допомогло б уникнути будь-якого непорозуміння. 

Приклади спливаючих вікон на мобільних пристроях

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

Perfume.com

Мобільна версія Perfume.com вітає відвідувачів промоцією зі знижкою.

perfume-popup

Що добре

Це класичний приклад в електронній комерції для заохочення підписок. Невеликий розмір спливаючого вікна, яке з'являється внизу екрана, є важливою особливістю. Чіткий текст і помітна кнопка заклику до дії ефективно підкреслюють її переваги, а легко помітна "x" дозволяє користувачам без зусиль закрити вікно.

Такий компактний дизайн є лише однією з хитрих прийомів. Ознайомтеся з нашою повною статтею про спливаючі вікна для мобільних пристроїв, щоб дізнатися більше способів підвищити конверсії, не дратуючи користувачів

Потенційні області для покращення      

Є потенціал для експериментів з текстом на кнопці. Щось більш креативне може бути використано для заклику до дії (CTA) замість повторення заголовка. Для кнопки відмови, вони можуть захотіти протестувати варіанти, які підкреслюють втрачені вигоди. 

Bloomscape

Ще один приклад компактного спливаючого вікна для підписки на розсилку показаний на веб-сайті Bloomscape.

Launcher-popup

Що добре

Сайт має пусковий механізм, який при натисканні, відображає повне спливаюче вікно захоплення електронної пошти для мобільних користувачів. Пусковий механізм швидко привертає увагу значком подарунка, тоді як індикатор повідомлення, що показує "1", створює чітку асоціацію з непрочитаним повідомленням. Ця комбінація заохочує відвідувачів натискати та переглядати повідомлення.

Потенційні області для покращення  

Компанія могла б експериментувати з образом на пусковому механізмі. Наприклад, A/B тест міг би порівняти дві версії: одну з значком подарунка та іншу з відображенням "20% OFF".

Shopwine Direct

Shopwine Direct надає чудовий приклад легкого придорожнього спливаючого вікна з приємним візуальним дизайном.

shop-wine-direct

Що добре

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

Zaful

У нашому наступному прикладі мобільного спливаючого вікна від Zaful, основна увага приділяється копірайтингу, який говорить рівно стільки, скільки потрібно.

ZAFUL

Що добре

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

Потенційні області для покращення 

   Додавання кнопки відмови може збільшити почуття контролю серед відвідувачів.

Швидка порада

Хочете захопити більше підписників, не дратуючи мобільних користувачів? Дізнайтеся, як використовувати exit intent on mobile щоб викликати попапи в потрібний момент, не заважаючи користувацькому досвіду.

Найкращі практики створення ефективних email попапів

Як і будь-який інструмент, форми email попапів працюють ефективно лише при стратегічному використанні. Щоб максимально підвищити їх ефективність, врахуйте наступні поради: 

1. Переконайтеся, що попап доречний

Найкращі email попапи - це ті, що додають цінність. Попапи, які не мають відношення до вмісту сторінки, порушують потік користувача і можуть викликати роздратування. 

Що ви можете зробити, щоб ваш email попап сприймався як корисна пропозиція, а не небажане переривання? Ось кілька порад:

  • Аналізуйте вміст сторінки: Зрозумійте основну тему та призначення сторінки, на якій з'явиться попап. Налаштуйте повідомлення так, щоб воно доповнювало або розширювало цей вміст.
  • Пропонуйте доречні ресурси: Надсилайте попапи, що пропонують додаткові ресурси або інформацію, пов'язану з вмістом сторінки. Наприклад, якщо користувач читає блог про стратегії в соціальних мережах, доречним буде попап з пропозицією безкоштовного посібника про інструменти для соціальних мереж.
  • Враховуйте наміри користувача: Ураховуйте потенційні наміри користувача на сторінці. Наприклад, якщо вони перебувають на сторінці з оглядом продукту, використання попапу з пропозицією знижки на цей продукт або схожі товари буде дуже доречним.

2. Оберіть правильний час

Вибір правильного часу для відображення попапу з підпискою на email - це ще один ключовий аспект, на який слід звернути увагу. Дослідження показують, що надсилання попапу після того, як особа пробула на сайті 8 секунд збільшує конверсії на 34,57%. Як правило, рекомендується зачекати принаймні 5 секунд. 

Однак найкраще аналізувати метрики сайту. Подивіться, як довго відвідувачі залишаються на сторінці. Спробуйте розміщувати попапи на сторінках з найдовшими сеансами. Як ілюструє дослідження Nielsen Norman Group, чим довше користувач залишатиметься на сторінці, тим більше він зацікавлений. Це, у свою чергу, збільшує шанси на взаємодію з вашим попапом. 

Час перебування на сторінці - це лише один зі способів ініціювати появу попапу. Ви також можете експериментувати з попапами за вихідним наміром (exit-intent). Досліджуйте сторінки з найвищими показниками відмови та спробуйте додати попап з вихідним ініціюванням. Використання попапу з формою підписки разом із вихідним наміром може допомогти захопити відвідувачів перед тим, як вони покинуть сайт, і зберегти 10-15% втрачених відвідувачів

Встановіть тригери на основі поведінки користувачів. Наприклад, у Claspo ви можете налаштувати правила відображення на основі глибини прокрутки. Скажімо, у вас є блог про інвестиційні стратегії. Таким чином, блог-попап може з'явитися після того, як користувач прокрутив певний відсоток сторінки та досяг конкретного розділу, показуючи пропозицію, пов'язану з цим розділом.

3. Напишіть яскравий заголовок

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

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

Smart_Casual
Спробуйте цей шаблон

4. Запропонуйте щось взамін

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

5. Створіть потужну кнопку заклику до дії (CTA)

Хороший текст на кнопці подібний до міні-рекламного білборду на вашому екрані — він має бути чітким, лаконічним і переконливим, щоб заохотити користувачів натиснути. 

Текст на кнопці повинен бути орієнтованим на дію. Він має повідомити користувачам, що саме станеться, коли вони натиснуть. Використовуйте дієслова як "Завантажити", "Розпочати", "Отримати" або "Купити". Підкресліть вигоду, яку отримають користувачі, натиснувши кнопку. Розгляньте можливість використання таких слів, як "Зараз" або "Сьогодні" для пропозицій, які залежать від часу, або обмеженої кількості, щоб створити відчуття терміновості.  

Нарешті, кнопка CTA повинна бути чітко видимою на вашому спливаючому вікні збору електронних адрес. Зробіть її виразною, використовуючи контрастні кольори та прибережіть простір навколо неї. Кнопки заклику до дії з більшою кількістю білого простору підвищують конверсії на 42%.

Powerful_CTA_Button

6. Працюйте над візуальними елементами

Привабливе зображення приверне більше уваги ваших відвідувачів. Зображення у дизайні спливаючого вікна для електронної пошти може допомогти вам краще відобразити ваш бізнес, створити емоційний зв’язок з потенційними клієнтами та отримати більше лідів. Зокрема, зображення збільшує підписки на електронну пошту на 63%.

З Claspo ви можете додати зображення до вашого спливаючого вікна електронної пошти трьома різними способами:

  • Завантажте його з вашого комп'ютера.
  • Вставте посилання на зображення. 
  • Виберіть відповідне зі вбудованого фотостоку.

Cute_Puppy
Спробувати цей шаблон

7. Налаштуйте стиль спливаючого вікна під ваш бренд

Чи помічали ви колись, як деякі спливаючі вікна електронної пошти виглядають так, ніби вони врізалися в вебсайт? Щоб уникнути такого враження, переконайтеся, що ваші спливаючі вікна плавно інтегруються з вашим загальним дизайном.

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

Перш ніж натиснути "опублікувати" на вашому спливаючому вікні електронної пошти, запитайте себе: чи справді воно відчувається як частина мого вебсайту? 

8. Переконайтеся, що спливаюче вікно оптимізоване для мобільних пристроїв

Хоча більшість мобільних пристроїв сьогодні мають відносно великі екрани, вони не порівнюються з настільними комп'ютерами. Враховуючи обмежений простір, спливаючі вікна можуть дратувати користувачів смартфонів. Що ви можете зробити з цього приводу? 

По-перше, переконайтеся, що розмір спливаючого вікна електронної пошти достатній. Загальна рекомендація – використовувати максимальну ширину близько 320 пікселів та висоту, яка адаптується відповідно до вмісту, але не перевищує 50% висоти екрану. Далі, спростіть ваше спливаюче вікно. Наприклад, у Claspo ви можете вибрати приховування зображень на мобільних пристроях, щоб зробити ваше спливаюче вікно компактнішим. 

Переконайтеся, що спливаюче вікно не порушує мобільний досвід. Google дуже строгий щодо мобільних інтерстицій. Ваше спливаюче вікно не повинно блокувати основний вміст на мобільному. Це дає вам кілька варіантів: відкласти показ, використати тизер, як-от лаунчер, або застосувати плаваючу панель. 

З огляду на це, Claspo надає функцію попереднього перегляду для ваших спливаючих вікон електронної пошти. Це дозволяє побачити, як вони виглядають на екранах настільних комп'ютерів і мобільних пристроїв перед публікацією. Також можливе регулювання висоти і ширини, щоб забезпечити хороший вигляд на будь-якому пристрої.

9. Не перенавантажуйте поля для вводу

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

Це рішення може мати зворотний ефект, адже статистика свідчить, що кожне додаткове поле зменшує коефіцієнт конверсії. Спливаюче вікно електронної пошти з 2 полями має середній коефіцієнт конверсії 3.31%. Натомість спливаючі вікна з 5 полями мають коефіцієнт конверсії 0.81%.

Шаблони спливаючих вікон електронної пошти Claspo мають оптимальну кількість полів для вводу для ваших конверсій. Ви можете додавати, видаляти або замінювати їх безпосередньо в нашому редакторі.

Craftsman_Tools
Спробувати цей шаблон

10. Тестуйте різні версії форми спливаючого вікна електронної пошти

A/B тестування, також відоме як спліт-тестування, включає в себе порівняння двох версій попапу для визначення, яка з них працює краще. Проведення дослідження при створенні email-попап форми чудово, але теорія — це одне, а практика — інше. 

Спліт-тестування дозволяє отримати цінні інсайти щодо уподобань та поведінки користувачів, що призводить до більш ефективних та оптимізованих кампаній підписки на електронну пошту. Ось три корисні поради для успішного проведення A/B тестів:

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

За допомогою Claspo проведення A/B тестів стає надзвичайно простим. Просто виберіть віджети, які хочете протестувати, і почніть експеримент. 

Як створити email попап з допомогою Claspo

З Claspo створення кастомізованого email попапу стає легким як ніколи. Проектуйте та запускайте вражаючі попапи швидко, заощаджуючи дорогоцінний час та ресурси. Ось як працює процес:  


 

Крок 1. Зареєструйтеся та почніть створювати

Спочатку треба створити безкоштовний акаунт Claspo. Натисніть кнопку New widget, щоб почати створювати свій попап підписки.

Creating_a_widget_in_Claspo

Ви можете почати з нуля або скористатися шаблоном з нашої бібліотеки. Ми рекомендуємо останнє, адже це прискорює та спрощує весь процес. Наші шаблони працюють відразу з коробки, але досвідчені користувачі можуть кастомізувати HTML розсилки, щоб створити унікальні макети.

Крок 2. Оберіть шаблон попапу підписки на новини

На лівій бічній панелі ви знайдете фільтри шаблонів. Виберіть Збір електронних адрес в розділі Use Case та макет спливаючого вікна. Також можете застосувати додаткові фільтри, якщо бажаєте. 

Template_library_in_Claspo

Крок 3. Кастомізуйте ваш віджет

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

Important_Message
Спробуйте цей шаблон

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

Adding_a_component

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

Changing_text

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

Editing_close_icon

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

Прокрутіть вниз, і ви побачите три додаткові форми: 

  • Форма успіху 
  • Форма вже підписаного користувача
  • Форма помилки

Additional_messages

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

Натисніть кнопку, потім у правій бічній панелі виберіть "Загальні" та налаштуйте дію:

Editing_button

Ви можете зробити це для кожної додаткової форми окремо. 

Крок 4. Перегляньте ваш віджет

Припустимо, ви закінчили з налаштуваннями на даний момент. Давайте подивимося, що у вас вийшло. У верхньому правому куті ви побачите кнопку "Перегляд".

Switching_to_preview

Додаток перейде у режим попереднього перегляду. Ви можете побачити, як кожне спливаюче вікно виглядатиме на настільному комп'ютері та мобільному пристрої:

Preview_mode

Якщо ви хочете внести зміни, просто поверніться на крок назад, натиснувши кнопку зі стрілкою у верхньому лівому куті. 

Крок 5.Обрати тригер та налаштувати запуск

З чином ми закінчили з дизайном. Тепер підготуємо вашу форму підписки на електронну пошту до запуску. За замовчуванням встановлено правила відображення, щоб надати плавний користувацький досвід. Спливаюче вікно з'явиться через 20 секунд і лише один раз за сеанс. Claspo застосовує Тихий Інтервал для запобігання перекриття декількох віджетів. 

Triggering_rules

Але, звичайно, ви можете змінити налаштування відображення для досягнення ваших цілей. Натисніть Редагувати та виберіть час відображення, розташування, аудиторію та сторінки, на яких має з'явиться спливаюче вікно. 

Крок 6. Вкажіть, куди передавати дані

Щоб ефективно керувати та використовувати зібрані електронні адреси та пов'язану інформацію, інтегруйте Claspo з популярними додатками, такими як Mailchimp, Pipedrive, HubSpot тощо. Ця інтеграція дозволяє автоматично запускати кампанії електронної пошти та безшовно додавати потенційних клієнтів до вашого продажного ланцюга. Крім того, завдяки підключенню Claspo до Google Analytics ви зможете аналізувати, що працює у ваших email поп-ап маркетингових кампаніях, та оптимізувати їх ефективність.

Claspo_integrations

Натисніть Готово, і ваш віджет готовий! 

Крок 7. Встановіть скрипт

Тепер вам потрібно встановити скрипт, щоб показати спливаючі вікна на вашому сайті.

Installing_script

Існує декілька способів зробити це: 

  • Встановити скрипт безпосередньо в код кожної сторінки, де ви хочете, щоб було спливаюче вікно.
  • Отримати плагін для Shopify. 
  • Завантажити плагін для форм підписки у WordPress та спливаючих вікон.  
  • Використати Google Tag Manager для додавання віджетів до будь-якої CMS.

Слідуйте підказкам на екрані для отримання докладних інструкцій для кожного методу. Якщо ви зіткнетеся з труднощами, не соромтеся звертатися до нашої команди, і ми допоможемо вам встановити ваш скрипт.

Installation_methods

Після завершення перевірте, чи працює скрипт правильно.

Script_validation

Якщо у вас є запитання, натисніть на іконку чату у правому нижньому куті, і наша команда підтримки допоможе вам. 

Швидка професійна порада

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

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

Використовуйте потужність вспливаючого вікна для електронної пошти

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

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

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

Створіть і опублікуйте вспливаюче вікно для електронної пошти на вашому вебсайті без зусиль з Claspo. Зареєструйтесь для безкоштовного облікового запису вже сьогодні та отримайте доступ на все життя безкоштовно!

Популярні публікації
Пов'язані шаблони

Вас також може зацікавити
Як створювати та додавати попапи у WordPress
Як створювати та додавати попапи у WordPress

Віджети входять до 10 найкращих тактик і технологій, які підвищують ефективність email-маркетингу, тому не дивно, що ви зацікавлені в тому, як створити попап у WordPress. Спойлер: це дуже просто. У цьому керівництві ми проведемо вас через покроковий процес створення кастомних віджетів у нашому конструкторі попапів для WordPress і покажемо, як додати попап на WordPress сайти. Ми також поділимося порадами, які допоможуть вам збільшити конверсію (підписку на розсилку, реєстрації, продажі тощо) на 110%, згідно з результатами нашого клієнта. Отже, до роботи!...

04 вересня 2024 18 хв читати
Як створити модальне вікно в WordPress [Легкий у використанні плагін]
Як створити модальне вікно в WordPress [Легкий у використанні плагін]

Уявіть собі вплив спливаючого вікна, яке з'являється, коли відвідувач натискає на певну кнопку на вашому сайті WordPress. Замість того, щоб відправляти користувачів на іншу сторінку, що може призвести до втрати уваги, ви могли б залишати їх на тому ж екрані, показуючи контактну форму, додаткову інформацію або запит на вхід, плавно накладаючи інформацію на існуючий контент. Такий підхід безперервно покращує користувацький досвід і зберігає їхній інтерес.  Більше того, додавання спливаючого модального вікна може значно покращити функціональність вашого сайту. Воно не тільки...

03 вересня 2024 25 хв читати
12 найкращих плагінів для попапів WordPress у 2025 році [Безкоштовні та платні варіанти]
12 найкращих плагінів для попапів WordPress у 2025 році [Безкоштовні та платні варіанти]

Коли ви починаєте свою подорож у світі WordPress-випливаючих вікон, захоплення від підвищення конверсії вашого сайту може швидко затьмаритися однією кричущою реальністю: Ви не можете відразу перевірити конверсію ваших форм і віджетів. Натомість справжня гра починається з оцінки функцій, які впливають на ці показники, та виявлення потенційних проблемних зон, перш ніж вони стануть вбивцями конверсій. Вибір найкращого плагіна для випливаючих вікон WordPress - це не лише про закидання декількох форм на ваш сайт з надією, що вони працюватимуть. Це про глибоке...

03 вересня 2024 30 хв читати
14 Кращих програмних рішень для спливаючих вікон з наміром покинути сайт у 2025 році
134 Кращих програмних рішень для спливаючих вікон з наміром покинути сайт у 2025 році

Ведення бізнесу в сучасному конкурентному ринку означає балансування витрат на залучення клієнтів з максимізацією цінності кожного візиту на сайт. Понад 70% відвідувачів залишають сайти, не вчиняючи ніяких дій — величезна втрата можливості для бізнесу, що прагне збільшити доходи і утримання клієнтів. Але яка роль інструментів з визначення намірів щодо виходу у вирішенні цього питання? Програмне забезпечення для спливаючих вікон з визначенням намірів на вихід перетворює втрачений шанс у цінну конверсію. Спливаючі вікна з визначенням намірів на вихід залучають відвідувачів прямо...

18 вересня 2024 18 хв читати
12 найкращих плагінів спливаючих вікон з наміром покинути для WordPress
12 найкращих плагінів спливаючих вікон з наміром покинути для WordPress

Під час перегляду Reddit ми натрапили на кілька обговорень щодо використання плагінів для вихідних намірів, спеціально розроблених для вебсайтів на WordPress. Один користувач запитував про простий, легкий скрипт попапу для збору електронних адрес відвідувачів, які збираються покинути сайт. Вони хотіли, щоб попап з'являвся лише один раз на користувача, щоб не викликати роздратувань у читачів. Однак, усі пропоновані рішення були дорогими і мали більше функцій, ніж було потрібно. Натомість інший користувач потребував більш просунутого плагіну для вихідних намірів для WordPress, здатного...

18 вересня 2024 35 хв читати
13 найкращих плагінів попапів для підписки на email/новинні розсилки для WordPress
13 найкращих плагінів попапів для підписки на email/новинні розсилки для WordPress

У зв'язку з постійною зміною алгоритмів пошуку та зростаючою непередбачуваністю стрічок у соціальних мережах, одне стає очевидним: контроль за тим, як ви спілкуєтесь зі своєю аудиторією, ще ніколи не був таким важливим. І саме тут на допомогу приходить email-маркетинг. Це один з небагатьох каналів, яким бізнес може справді керувати, і він існує з певної причини — він працює. Чи ви надсилаєте дружню замітку кільком підписникам, чи запускаєте великі автоматизовані кампанії, email-розсилки здатні забезпечити все це, охоплюючи як сотню осіб, так...

24 вересня 2024 27 хв читати

Наверх