Ми в Turboshop бачимо це в статистиці магазинів клієнтів щодня: людина кладе товар у кошик, дивиться ще кілька сторінок — і закриває вкладку. Вона вже обрала, вже майже покупець, але контакту в магазину немає, і кошик розчиняється разом із вкладкою. Це найтепліший момент за весь візит, і саме він найчастіше пропадав безслідно. Тому ми зробили віджет «Email при додаванні до кошика»: він ловить цей момент, просить лише адресу, прив’язує до неї кошик і надсилає особистий промокод на перше замовлення. Розповідаємо, як ми його влаштували, чому саме так — і що ви отримуєте.
Коли ми показуємо вікно і чому не одразу
Ми налаштували віджет так, щоб він спрацьовував після першого додавання товару до кошика у сеансі. Не миттєво — через кілька секунд після міні-кошика, щоб два вікна не накладалися одне на одне (поле «Затримка після додавання, секунд», за замовчуванням 2). Ми свідомо не хотіли, щоб людина, яка щойно натиснула «Купити», побачила попап у кошику раніше, ніж підтвердження, що товар додано: спершу — відчуття, що все вийшло, потім — пропозиція. Вікно бачать лише гості і лише якщо в кошика ще немає email. Авторизованому покупцеві ми його не показуємо: його кошик і так збережений у кабінеті, а зайве питання лише дратує.

Два кроки — і кожен ми зробили з певною метою
Ми розбили форму на два кроки, бо одна довга анкета в момент покупки відлякує. Спершу — одне поле, яке людина заповнює за три секунди; далі — те, що можна й пропустити.
- Крок 1 — email. Адреса одразу прив’язується до кошика. Навіть якщо людина закриє вікно на цьому кроці, під час оформлення email підставиться сам, а товари не загубляться. Ви вже виграли: брошений кошик має адресу, на яку можна повернути покупця.
- Крок 2 — «Залишилося познайомитися». Поля «Як до вас звертатися?» і «Телефон (за бажанням)». Для нової адреси магазин створює акаунт, тихо входить у нього й надсилає промокод листом. Для знайомої адреси в акаунт не входить — ми зробили це як захист від того, щоб хтось чужий отримав доступ до кабінету, — а код видає лише тому, у кого ще не було замовлень.
Крок 2 ми відкриваємо завжди, незалежно від того, знайома адреса чи ні. Так сторонній не зможе по відповіді форми з’ясувати, чи є така адреса у вашій базі. А результат для всіх гілок однаковий: «Дякуємо! Промокод надіслано на вашу адресу», з підказкою увійти, якщо акаунт уже був.

Промокод — тільки листом: чому ми так вирішили
Код у вікні ми не показуємо ніколи, і це одне з найважливіших рішень у віджеті. Якби код з’являвся на екрані, вам вистачило б будь-якої вигаданої адреси, щоб отримати знижку, а зібрана база складалася б із порожніх скриньок. Натомість адреса, на яку прийшов лист, гарантовано справжня: збір email на сайті дає вам живих людей, а не сміття. Покупець отримує в поштову скриньку код, посилання «Встановити пароль» для щойно створеного акаунта й нагадування, що кошик чекає в кабінеті. Сам лист ми зробили коротким: «Ваш промокод», термін дії, підказка ввести код у полі «Промокод» під час оформлення.
Персональні коди нарізаються з промоакції, обраної в полі «Промоакція для персональних кодів». Якщо нічого не обрано — використовується системна «Перше замовлення: −10 %», яку ми поклали в кожен магазин наперед (створена вимкненою, щоб нічого не змінювати без вашого рішення). Активувати її можна кнопкою «Активувати системну промоакцію» просто у вкладці віджета — і знижка на перше замовлення починає працювати без жодного зайвого кроку. Як влаштовані акції й коди загалом — в огляді «Промокоди в Turboshop».

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

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