Любите їх чи ненавидите, спливаючі вікна з метою виходу тут залишаться. При правильному проектуванні та реалізації спливаючі вікна є зручним інструментом для отримання цінності з кожного відвідування. У цій статті я покажу вам, як значно підвищити кількість конверсій за допомогою спливаючих вікон із наміром вийти.
Особливо це стосується електронної комерції, де багато онлайн-магазинів прагнуть до зростання ринку за допомогою платних каналів, таких як Google Ads і Facebook Ads. Зараз як ніколи важливо враховувати кожну взаємодію.
Але з широким впровадженням спливаючих вікон із метою виходу їх вплив починає зменшуватися.
Щоб виділятися з натовпу, ви повинні враховувати деякі важливі правила під час розробки спливаючих вікон із наміром виходу – правил, які допоможуть вам використовувати цей інструмент оптимізації конверсії на повну.Зміст
1. Зробіть свої спливаючі вікна виходу унікальними
Спливаючі вікна всюди. Це тому, що вони можуть бути ефективним засобом підтримки зацікавленості відвідувачів, навіть якщо вони демонструють поведінку, схожу на відмову.
Однак сама їхня популярність означає, що роздрібним торговцям потрібно більше працювати, щоб виділитися із зграї. Це починається з дизайну самого спливаючого вікна.
У прикладі нижче сама пропозиція є переконливою. Однак ефективність цього спливаючого вікна скомпрометована дизайном коробки, який, разом із деяким брендом низької орендної плати, ускладнює реєстрацію спливаючого вікна.
Джерело: HelloBar
1.1 Що в цьому поганого?
Якщо ви зазирнете на фон за спливаючим вікном, ви побачите заголовок новини, який починається словами «Попередження про кошмар». Я думаю, що це досить точний опис того, що тут відбувається.
- Дизайн: поганий. Перше, що я побачив, виглядає як велика помилка. Зелена лінія з кнопкою, що звисає знизу, виглядає так, ніби дизайнер заснув, поклавши голову на мишку.
- Чіткість: погано. І що, на землі, означає заголовок? клац.клац.клац. При глибшому дослідженні це назва інформаційного бюлетеня, але це зовсім не видно під час першого завантаження.
- Чіткість: гірше. Тоді ми отримуємо класичну обробку заголовка «Чіткий проти Розумного». Чому ви говорите про вимову слова «Gif»? Скажіть мені, що це таке, і чому я маю надати вам свою електронну адресу.
- Дизайн: поганий. Крім того, фон нерівний.
Спливаючі вікна мають виглядати так, ніби вони належать сторінці ; вони мають відповідати загальному бренду веб-сайту. Неузгоджений дизайн може змусити відвідувачів подумати, що ваше спливаюче вікно є спамом, а не чимось, що може бути корисним. Поєднання фірмової символіки з кольоровою схемою та шрифтом веб-сайту створює бездоганний досвід, залишаючись унікальним у світі, повному дизайну спливаючих вікон типу «я теж».
Наведене нижче спливаюче вікно від SwissWatchExpo є чудовим прикладом узгодженого дизайну в дії з кольоровою схемою та загальним брендингом, які точно синхронізуються з веб-сайтом.
2. CTA є доречним, лаконічним і миттєво використаним?
Менше означає більше, коли мова заходить про дизайн вашого CTA (заклик до дії). Дві основні причини, чому відвідувачі часто пропускають спливаючі вікна, полягають у тому, що заклику до дії бракує стислої релевантності (тобто сприйнятої цінності) або не забезпечує миттєвого задоволення.
У випадку спливаючих вікон виходу користувач уже вирішив, що цільовій сторінці бракує релевантності через ознаки бренду чи продукту.
Таким чином, спливаюче вікно виходу є вашою останньою спробою продемонструвати значущу релевантність і має бути коротким, лаконічним і миттєво використаним.
Іншими словами, він має відповідати на запитання, пов’язані з «що» (це пропозиція?), «чому» (це цінно?) і «коли» (чи можу я отримати це зараз?).
Це наступне спливаюче вікно від Pura Vida Bracelets є чудовим прикладом переконливого CTA. Тут не тільки пропозиція є короткою та візуально привабливою, але й кнопка «Отримати безкоштовний браслет» повідомляє, як буде виконано запит. Текст під ним ще більше підсилює миттєве задоволення.
3. Завжди дотримуйтеся правила F-Shape
«F-подібне» правило є загальноприйнятим правилом у світі оптимізації коефіцієнта конверсії. Припускається, що коли відвідувачі вперше стикаються з новим веб-сайтом, вони вивчають цільову сторінку у формі «F».
Розробляючи спливаюче вікно виходу (або будь-яке спливаюче вікно, якщо на те пішло), ви повинні застосувати подібний підхід – розмістіть ваші ключові повідомлення у формі F. Це особливо вірно, якщо спливаюче вікно займає більше трьох чвертей загального розміру екрана.
У наведеному нижче прикладі ліва сторона спливаючого вікна є основним екраном, оскільки сюди природно тяжітиме лінія очей користувача.
Таким чином, ліва сторона – це місце, де ви повинні розмістити ключові текстові елементи вашого CTA, зарезервувавши праву сторону для ваших основних зображень. Це приверне більше уваги до вашого ключового повідомлення, тим самим збільшивши можливість утримати зацікавленість потенційних клієнтів.
4. Не робіть усі спливаючі вікна виходу однаковими
Поширеною помилкою серед роздрібних продавців є використання однакових спливаючих вікон для кожної сторінки. Це принципово ігнорує контекст дії «вихід» (конкретна причина, чому люди вирішують вийти з певної сторінки).
Розуміння цього контексту дає значну можливість адаптувати ваші спливаючі вікна за допомогою персоналізованих пропозицій.
Наприклад, залишення кошика є основною проблемою як для зростаючих, так і для роздрібних продавців. Вартість доставки зазвичай розглядається як ключовий чинник відмови від кошика , або, можливо, більш конкретно, додаткова вартість замовлення розкривається лише безпосередньо перед оформленням замовлення.
Це може бути серйозною проблемою для клієнтів, які вважають, що плата за доставку є надмірною, і тому шукають кращу пропозицію. У цьому випадку ваше «стандартне» спливаюче вікно виходу навряд чи буде ефективним для переконання користувача продовжити оплату, якщо воно не пропонує певну форму транзакційної знижки.
І якщо ви витратили багато часу, грошей або зусиль, щоб залучити клієнтів на свій сайт, лише щоб побачити, як вони подолали останню перешкоду, ви можете розглянути можливість запуску персоналізованого спливаючого вікна, у якому CTA пропонує безкоштовну доставку (або іншу форму знижки на доставку), щоб виграти початковий розпродаж.
Так, ви жертвуєте маржею, але цей один трюк може творити чудеса для вашого загального коефіцієнта конверсії!
5. Не створюйте хибного відчуття терміновості
Передача відчуття терміновості через обмежену в часі пропозицію є часто використовуваною тактикою серед досвідчених продавців. Однак робити це правильно не виглядає так:
Ваші клієнти розумні. Зниження вашої ціни в такий надто драматичний спосіб (і саме тоді, коли ваші потенційні клієнти прямують до вихідних дверей) також може швидко зменшити сприйняту цінність вашого продукту та вашу довіру.
Іншими словами, це може підштовхнути користувача до думки: «Це справді одноразова угода чи я можу повернутися іншим разом і побачити те саме спливаюче вікно?».
Тут справа не в зниженні ціни. Натомість помилка полягає в тому, як повідомляється .
Кращий спосіб застосувати цю тактику — наслідувати наведений нижче приклад і додати зворотний відлік часу, щоб отримати пропозицію.
Це спливаюче вікно не імітує терміновість. Замість цього він надає користувачеві персоналізовану пропозицію з урахуванням часу.
Отже, як почати?
6. Спливаючі інструменти для початку
Чудова новина полягає в тому, що існує багато інструментів для підвищення ефективності ваших спливаючих вікон.
Ось лише кілька, щоб почати:
6.1 OptinMonster [ Знижка 20 % ] [SaaS]
Коли мене запитують про найкраще рішення для отримання потенційних повідомлень електронною поштою чи збільшення коефіцієнта конверсії pop-ul, я відповідаю, безсумнівно, OptinMonster. Це тому, що я використовую його тут, на Monetize.info понад 3 роки, і ніколи не був так задоволений результатами.
OptinMonster — це, мабуть, найбільш багатофункціональний інструмент для спливаючих вікон за такою ціною. Їх фірмова технологія намірів виходу обіцяє конвертувати додаткові 2-4% відвідувачів .
6.2 ConvertPro [ Знижка 10 % ] [Плагін WP]
Convert Pro — це ефективний спливаючий плагін WordPress, який може використовувати кожен, хто хоче збільшити кількість конверсій на своїх веб-сайтах. Його створено з урахуванням нетехніків і звичайних користувачів WordPress, оскільки він є одним із найкращих плагінів, який допоможе вам створити списки електронної пошти за допомогою технології виходу. Є 62 шаблони, які ви можете вибрати або створити один за своїм бажанням за допомогою візуального редактора, який постачається з цим плагіном.
6.3 Picreel [SaaS]
Picreel оптимізує пропозиції на вашому веб-сайті, відстежуючи цифровий слід відвідувачів і поведінку кліків у режимі реального часу, а потім надає найбільш релевантну пропозицію, коли вони переміщаються по вашому цінному вмісту. Picreel легко інтегрувати та має потужну функцію тестування A/B, яка дозволяє роздрібним торговцям перевірити ефективність різних кнопок, стилів, кольорів і текстів.
6.4 WisePops [SaaS]
WisePops дозволяє легко створювати приголомшливі спливаючі вікна за лічені хвилини. Вони забезпечують надійне рішення для проектування, націлювання та аналітики. А ще краще, вони пропонують безкоштовну 14-денну пробну версію.
6.5 OptiMonk [SaaS]
Ці хлопці спеціалізуються на спливаючих вікнах виходу. Простий у використанні, але багатофункціональний, це, безперечно, один із найкращих інструментів для спливаючих вікон на ринку.
6.6 Багаторівневі спливаючі вікна [WPPplugin] [$21]
Layered Popups — це плагін WordPress, який задовольняє всі ваші потреби в спливаючих вікнах. Він добре інтегрується з 90 системами електронного маркетингу (список дійсно вражає) і підтримує всі типи спливаючих вікон і дій (Onload, onExit, onScroll, OnIdle, OnClick, Inline Form, Sidebar Widget, Non-WP Pages, Link Locker, AdBlock Detector , початок вмісту, кінець вмісту)
Крім того, у вас є понад 100 дизайнів спливаючих вікон, які можна легко змінити та налаштувати відповідно до ваших потреб. Тут, на Monetize.info, ми використовуємо розшаровані спливаючі вікна. Однією з особливостей, яку я не міг знайти в інших рішеннях для спливаючих вікон, є те, що відвідувачі можуть зареєструватися за допомогою свого облікового запису Google або Facebook, не вводячи адресу електронної пошти та ім’я.
7. Висновок
Якщо ви часто читаєте Monetize.info , ви знаєте, що я завжди прагну до конверсій. (заохочувати відвідувача до покупки, залишати адресу електронної пошти, підписуватися на сповіщення, ділитися в соціальних мережах тощо).
Спливаючі вікна виходу чудово підходять для цього, і я прихильник їх використання. Але досить про мене. Тепер ви знаєте, чому вам варто їх використовувати і які засоби вам допомагають.
Що з вами? Які ваші результати зі спливаючими вікнами для виходу?
Стефан,
Чудова подача. Перш за все, ваші приклади зображень надихають. «Не йди з порожніми руками» – це змусить користувача вжити заходів, перш ніж закрити спливаюче вікно виходу. «F-подібна» аналогія буде працювати добре, як ви пояснили. Вміст і CTA знову визначають коефіцієнти конверсії.
Чудова інформація!! Нарешті я отримав корисну статтю. Дякую, що поділилися..
Дякую за статтю, було цікаво. Але я думаю, що спливаючі вікна більше не працюють. Вони не адаптовані до потреб таких користувачів смартфонів, як я.
Приблизно третина відвідувачів веб-сайтів перевіряють свої сайти за допомогою мобільних пристроїв. Якщо не адаптувати банер під гаджети, то він буде негарно розтягувати екран або взагалі відображатися некоректно. Обов'язково перевірте роботу спливаючих вікон як у браузерній, так і в мобільній версії сайту. Але, на жаль, зазвичай на мобільну версію сайту витрачається дуже мало часу.
Приємно, що вам подобається і ви вважаєте статтю корисною. Я доклав трохи зусиль, щоб створити його та переконатися, що він принесе цінність для читачів, які хочуть покращити перетворення спливаючих вікон.
Я згоден з вами..мобільний пристрій змінив гру, але також є адаптивні спливаючі вікна. Я використовую їх тут, на Monetize.info, і отримую хороші конверсії. Поки власник веб-сайту надає цінність, відвідувачі залишатимуть свою електронну адресу, щоб отримати подарунок.
Дуже дякую за цей блог. Чи можу я використовувати теги html для перевірки пінгу мого власного блогу?