Ми в Turboshop бачимо це в кожному магазині клієнтів: відвідувач переглянув товар, поклав його в кошик — і повів курсор угору, до хрестика вкладки. У більшості магазинів на цьому все закінчується мовчки: ні слова навздогін, ні спроби зупинити. А ви вже заплатили за цей візит рекламою чи місяцями роботи над SEO. Тому ми зробили віджет «Утримання (exit-intent)» — він дає вашому магазину останнє слово: попап із промокодом за реєстрацію або нагадування «Ваш кошик залишається тут» із сумою та кнопкою повернення. Розповідаємо, як ми навчили його впізнавати момент виходу, які варіанти заклали й чому саме так.
Як ми навчили віджет розуміти, що людина йде
Ми не хотіли попапу, який вискакує «просто так» через таймер: такий попап на сайті людина сприймає як спам. Тому на комп’ютері сигнал один: курсор вилетів за верхню кромку вікна — туди, де вкладки, адресний рядок і кнопка закриття. На телефоні такого жесту немає, тому ми взяли інший: різкий скрол угору після того, як людина прогорнула половину сторінки. Це типова поведінка перед тим, як потягнутися до кнопки «назад» — і саме її ми ловимо.
Щоб не лякати випадкових гостей, ми додали запобіжник «Мінімум часу на сайті, секунд» (за замовчуванням 15): раніше цього часу вікно не з’явиться, навіть якщо курсор уже летить до закриття. Людина, яка відкрила сайт помилково й одразу пішла, попапу не побачить — а ви не витратите останній аргумент на того, хто й не збирався купувати.
Два варіанти: звичайний і «кошик» — бо ситуації різні
Ми заклали у віджет два набори текстів, і він сам обирає потрібний. Причина проста: людині з порожнім кошиком і людині з трьома товарами на кілька тисяч гривень потрібно сказати зовсім різне.
- Звичайний — для відвідувача з порожнім кошиком: «Зачекайте — у нас є дещо для вас» і пропозиція зареєструватися, щоб отримати промокод на знижку. Ви отримуєте контакт людини, яка інакше пішла б без сліду.
- Для непорожнього кошика — «Ваш кошик залишається тут»: мініатюри до трьох товарів, кількість і сума, велика кнопка «Повернутися до кошика», а вже під нею — реєстрація й промокод. Ми свідомо поставили кошик вище за знижку: це не «дайте знижку», а нагадування, що вибір уже зроблено і закінчити можна за хвилину. Людина бачить свої товари — і брошений кошик перестає бути брошеним.
Обидва варіанти ви можете подивитися в попередньому перегляді, не вмикаючи віджет: у модалці є перемикач «Звичайний» / «З кошиком», для другого ми підставляємо демонстраційний кошик із двох товарів. Так ви бачите результат очима покупця ще до того, як його побачить перший покупець.
Промокод COMEBACK5: чому ми створили його за вас, але вимкненим
Утримання ми побудували на загальному промокоді: одному для всіх, без ліміту використань. Щоб ви не витрачали час на створення акції, у кожному магазині вже є системна промоакція «Утримання: −5 % на всі товари» з кодом COMEBACK5. Ми створили її вимкненою — навмисно, щоб публічна знижка не запрацювала сама по собі після оновлення: рішення про те, коли й кому давати знижку, має ухвалювати власник, а не оновлення платформи. Активуйте її кнопкою «Активувати системну промоакцію» просто у вкладці віджета або оберіть власний код у полі «Промокод».
Перемикач «Показувати код одразу» ми додали, бо магазини різні. Вимкнено — промокод за реєстрацію приходить листом, і ви отримуєте контакт покупця, з яким можна працювати далі. Увімкнено — код видно просто у вікні: для недорогих товарів, де важливіша швидкість, ніж збір контактів, це працює краще. Ви обираєте, що вам цінніше сьогодні: база чи миттєве замовлення.
Показ на сторінці кошика: єдиний виняток, який ми дозволили
Попапи в Turboshop ніколи не з’являються на сторінках оформлення замовлення — там людина вже робить те, що вам потрібно, і ми принципово не заважаємо. Утримання — єдиний виняток, і вмикається він свідомо перемикачем «Показувати на сторінці кошика». Кошик і оформлення на платформі — одна сторінка, тож на ній працює лише варіант «кошик»: нагадування про залишені товари тому, хто вже дійшов до фінішу й раптом розвернувся. На сторінці «дякуємо за замовлення» після оплати попап не показується ніколи — покупця, який уже заплатив, ми не чіпаємо.
На телефоні
Мобільний попап ми зробили «шторкою», що виїжджає знизу: ті самі товари, сума й кнопки, нічого не обрізано. Закрити можна хрестиком або свайпом — жест, до якого рука вже звикла. Ми знаємо, що більшість візитів у магазинах клієнтів мобільні, тому варіант із кошиком на телефоні не менш важливий, ніж на комп’ютері.
Що ми радимо врахувати
- Без активного коду віджет не показується. Адмінка попередить про це у вкладці — щоб ви не чекали ефекту від вимкненого віджета.
- Один попап на екрані. Якщо увімкнені й інші попапи, черга керується пріоритетом і паузою між попапами з вкладки «Загальні». Ми не дамо вашому магазину зустріти людину трьома вікнами одразу.
- Аудиторія. У блоці «Де показувати» можна обмежити попап гостями — авторизованим покупцям кошик і так зберігається.
- Частота. «Раз за сесію» за замовчуванням і «Не показувати повторно, днів» після закриття — відвідувача не переслідуватимуть щосторінки. Утримання відвідувачів працює, поки воно ввічливе.
Приклади за нішами: як ми радимо налаштувати
- Одяг, взуття. Варіант «кошик» із показом на сторінці кошика: людина обирає розмір довго — нагадування про товари повертає її до оформлення, а не до конкурента з такою ж курткою.
- Товари для дому, дрібна техніка. Звичайний варіант із кодом, показаним одразу: швидка знижка −5 % на недорогу покупку, коли зайвий крок із поштою лише гальмує.
- Меблі, дорогі товари. Код листом після реєстрації: контакт покупця важливіший за миттєву знижку, бо рішення ухвалюється не за один візит — і ви зможете нагадати про себе, коли він повернеться до вибору.
- Продукти й доставка їжі. Варіант «кошик» без знижки в центрі уваги: людина зібрала замовлення й відволіклася — велика кнопка «Повернутися до кошика» повертає її за секунду.
Як увімкнути за хвилину
- Відкрийте «Налаштування → Віджети», вкладка «Утримання (exit-intent)».
- Натисніть «Активувати системну промоакцію» або оберіть власний код у полі «Промокод».
- Перегляньте тексти для обох варіантів — вони вже заповнені, але акцент можна змінити під свою нішу.
- Вирішіть, показувати код одразу чи надсилати листом, і чи потрібне нагадування на сторінці кошика.
- Увімкніть перемикач «Увімкнено», збережіть і перевірте обидва варіанти в попередньому перегляді.
Після цього ми радимо зайти в розділ «Промокоди» і переконатися, що акція «Утримання: −5 % на всі товари» позначена активною, а в її картці немає обмежень за датою, які ви не планували.
Лист із промокодом і аналітика: ми підписали посилання UTM-мітками
Обидва посилання в листі з промокодом — «До каталогу» і «Встановити пароль» — ми позначили UTM-мітками: джерело widget, канал email, кампанія widget-exit. У Google Analytics перехід із листа видно як канал Email із назвою кампанії за віджетом, а замовлення після такого переходу потрапляє у звіт замовлень за UTM в адмінці. Так ви бачите не «віджет увімкнено», а скільки замовлень він реально приніс. На самій вітрині посилання віджетів UTM не несуть — інакше внутрішня мітка перебила б справжнє джерело візиту.
Часті питання
Чи не дратуватиме попап відвідувачів? Ми зробили так, що він з’являється лише при явному намірі піти, не раніше заданого часу на сайті, раз за сесію і з паузою після закриття. Це найменш нав’язливий тип попапу.
Чи можна використати власний промокод? Так, оберіть його в полі «Промокод» зі списку загальних кодів розділу «Промокоди». Системну акцію тоді можна не вмикати.
Чи отримає код той, хто вже робив замовлення? Загальний код COMEBACK5 діє для всіх, хто зареєструвався через попап. Персональні коди на перше замовлення — це інші віджети.
Що бачать пошукові роботи? Нічого: попапи від ботів ми приховуємо, індекс не засмічується.
Підсумок: що ви отримуєте
Ми зробили exit-intent попап як найдешевшу другу спробу: покупець уже тут, уже обрав, і йому треба лише нагадати про кошик або дати невелику знижку — без реклами навздогін і без сторонніх сервісів. Уявіть: попап при закритті вкладки повертає до оформлення хоча б частину тих, хто сьогодні йде мовчки, — і це кошики, які ви вже майже втратили. Ми радимо увімкнути варіант «кошик» із показом на сторінці кошика: він працює з найтеплішими відвідувачами. Огляд усього розділу — у статті «Віджети вітрини в Turboshop», про збір email у момент додавання до кошика — у статті «Email при додаванні до кошика». Усі нові можливості платформи — в рубриці «Можливості».