6 прикладів спливаючих вікон електронної пошти з високою конвертацією, на яких можна вчитися

Спливаюче вікно електронної пошти можна порівняти з двосічним мечем.

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

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

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

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

Настійно рекомендуємо прочитати цю статтю про найкращі послуги електронного маркетингу.

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

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

джерело: Сумо

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

Ми оцінимо ці приклади та покажемо, що з ними було, щоб ви могли зрозуміти, що зробило їх такими ефективними.

 

Створення спливаючого вікна електронної пошти з високою конверсією

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

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

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

Зосередьтеся на стимулі

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

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

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

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

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

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

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

Надайте контекст

Контекст просто створює ваше спливаюче вікно з правильною метою та наміром.

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

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

Що стосується застосування правильного контексту, спливаючі вікна можна спроектувати таким чином, щоб вони з’являлися в такий спосіб:

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

• Як спливаючі вікна наміру виходу: Активується, коли користувач збирається вийти зі сторінки.

• Як тимчасові спливаючі вікна: Ви встановлюєте ліміт часу, і спливаюче вікно з’являється, коли користувачі досягають цього ліміту на вашому сайті.

• Як спливаючі вікна прокрутки: Вони з’являтимуться після того, як користувачі прокрутять до певної частини сторінки. Це найкраще застосовувати, коли спливаюче вікно з’являється як додаткова пропозиція щодо того, що користувач читав або переглядав до того моменту.

• Як спливаючі вікна сторінки: Ці спливаючі вікна з’являються, коли користувач відвідує певну сторінку веб-сайту.

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

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

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

чому По-перше, читачі цієї публікації в блозі, швидше за все, ще не настільки зацікавлені, щоб зробити покупку. По-друге, вони більше зацікавлені в отриманні знань, а не в покупці.

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

Правильно визначте терміни

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

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

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

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

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

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

Оптимальний час, протягом якого користувачі можуть просканувати ваш веб-сайт, перш ніж опустити спливаюче вікно, становить від 3 до 15 секунд, як це практикують багато маркетологів і провідні веб-сайти.

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

Використовуйте яскравий і фірмовий дизайн

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

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

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

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

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

Оптимізуйте свою копію

Ваша спливаюча копія має бути націлена на дві речі: брак терпіння у ваших користувачів і їхню потребу в цінності.

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

джерело: АРВІНД МАХАРАДЖАН

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

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

Ще одна важлива цінність спливаючої копії (фактично будь-якої копії) — прозорість. Користувачі не люблять, коли їх застають зненацька.

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

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

Оптимізуйте свій CTA

An ефективний CTA кнопка завжди виділяється на тлі дизайну. Але, звичайно, в гарному контрасті.

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

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

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

Загальний спосіб зробити вашу копію ефективнішою — розглянути можливість використання чогось іншого, ніж довільні команди, наприклад «підписатися».

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

Наприклад, CTA від першої особи, як-от «Зареєструйся!» є більш привабливим і, швидше за все, приверне увагу, ніж сувора команда, як-от «Підписатися».

6 прикладів електронних листів із високою конверсією

Отже, ми розглянули основи. Тепер давайте перейдемо до реальних прикладів і подивимося, як застосовано те, що ми щойно дізналися.

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

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

Хоча я б не вдавався в усі різні способи відображення спливаючих вікон, найпоширеніші та найпопулярніші з них:

• Спливаючі вікна лайтбокса: Це ваші «звичайні» спливаючі вікна, які покривають частину екрана, а решту залишають напівпрозорими.

• Повноекранні спливаючі вікна: Вони охоплюють всю сторінку та часто використовуються як вітальні килимки або спливаючі вікна для нових записів.

• Клацніть спливаючі вікна: Вони з’являються лише після того, як користувач активує кнопку або панель CTA.

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

• Розумні смуги: Вони з’являються в самому низу або вгорі сторінки та залишаються на екрані постійно. Зазвичай вони зависають і залишаються видимими на своєму місці, коли користувач прокручує веб-сайт.

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

джерело: Сумо

Причина? Вони були найменш нав’язливими та базувалися на рішенні користувача.

Гаразд, тепер давайте розглянемо приклади спливаючих вікон електронної пошти з високою конверсією:

Перехрестя

Це повноекранне спливаюче вікно для виходу від Crossrope, фітнес-бренду. Його мета полягала в тому, щоб запросити користувачів взяти участь у фітнес-змаганні, коли вони намагалися покинути веб-сайт.

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

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

Однак відомо, що бренд отримав 13.71% конверсії від цього спливаючого вікна.

Чому це спливаюче вікно електронної пошти генерує високу кількість конверсій?

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

Це головний фактор; надання цільовій аудиторії того, що її справді цікавить. Це не лише використання стимулів. Стимули працюють краще, якщо вони цілеспрямовані та релевантні, а не випадкові.

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

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

Я б не говорив багато про CTA, крім того факту, що кнопка негативного CTA використовує добре відому негативну психологію.

Слова «Я б краще не займався спортом» можуть викликати почуття провини навіть у найсильніших ентузіастів фітнесу, щоб вони натиснули позитивну кнопку.

Будьте обережні, використовуючи цю тактику, оскільки вона може дратувати користувачів.

Лілач Баллок

Це спливаюче вікно є вітальним килимком для тих, хто вперше відвідує сайт Лайлах Буллок.

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

Чому це спливаюче вікно працює?

Копія і пропозиція. Це його головна зброя. Це не надто багато в плані дизайну, це не обов’язково. Проста конструкція виконує ефективну роботу.

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

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

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

І це підтвердилося, звернувши 5.09% відвідувачів сайту вперше.

Довідка розвідника

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

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

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

Це спливаюче вікно від Help Scout.

Що робить це спливаюче вікно чудовим?

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

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

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

На людей завжди впливатимуть соціальні докази, тому кількість читачів у 251,101 XNUMX є досить переконливою.

Крім того, копія активно обіцяє користувачам те, що вони хочуть, зі словами «…одержима наданням чудового обслуговування клієнтів».

Backlinko

Це спливаюче вікно, яке з’являється лише після того, як користувачі натиснули кнопку із закликом до дії з написом «Розблокувати зараз».

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

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

Заповнення форми електронної пошти здається порівняно невеликою ціною за таку вартість.

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

Чому це спливаюче вікно працює?

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

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

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

Ніл Стросс

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

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

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

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

Отже, що зробило це спливаюче вікно таким ефективним?

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

Фактично, згідно з дослідженням Sleeknotes, спливаючі вікна із зображеннями працюють краще, ніж спливаючі вікна без них.

джерело: Sleeknotes

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

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

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

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

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

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

крутитися

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

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

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

Що робить це спливаюче вікно електронної пошти з високою конверсією?

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

Дизайн простий і ефектний, класичний чорно-білий, що робить знижку та CTA помітними.

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

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

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

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

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

Але дослідження довели, що спливаючі вікна з 2 полями форми працюють краще, ніж спливаючі вікна з 1.

джерело: Sleeknotes

Обґрунтування використання кількох полів полягає в зборі більш релевантних даних для більш ефективної стратегії персоналізації.

У Висновку

На закінчення перевірте всі поради, які ви тут дізналися, перш ніж застосовувати їх.

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

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

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

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