Покупець, який хоче вам написати, — це найтепліший контакт, який тільки буває в інтернет-магазині. Він уже вибрав вас, у нього конкретне питання: чи є оптова ціна, чи можна приміряти, коли передзвонять. І саме цей контакт найлегше втратити. Одна універсальна форма «Ім'я, телефон, повідомлення» змушує людину пояснювати все з нуля, а менеджера — передзвонювати, щоб перепитати. Оптовик не знайде, куди вказати ЄДРПОУ, клієнтка салону — дату примірки, і обоє підуть туди, де їх зрозуміли з першого кліку. Тому ми в Turboshop зробили 11 готових форм під конкретні ситуації, дали їм п'ять варіантів оформлення, попап за будь-якою кнопкою і зібрали всі заявки в одному списку.
Чому ми не залишили одну «контактну форму»
Ми дивилися, що власники магазинів на Turboshop пишуть у полі «Повідомлення». Половина звернень — це відповіді на ті самі питання: який товар, яка кількість, коли зручно говорити, номер замовлення для повернення. Менеджер усе одно витягує ці дані дзвінком. Ми вирішили, що форма має ставити ці питання сама — тоді заявка приходить готовою до роботи, а не до уточнень.
Друге рішення — не робити візуальний «конструктор полів». Він здається гнучким, але на практиці власник витрачає годину, щоб зібрати форму, і все одно забуває згоду на обробку даних чи захист від спаму. Ми пішли іншим шляхом: продумали форми самі, з правильними полями, обов'язковими позначками й згодою, а вам лишили вибір — яку форму, де і в якому вигляді показати.
11 готових форм під реальні сценарії
Ось що вже є в кожному магазині:
- Зворотний зв'язок — ім'я, телефон, email і повідомлення: класика для сторінки «Контакти».
- Замовити дзвінок — ім'я, телефон і зручний час (зранку, вдень чи ввечері).
- Отримати консультацію — вибір послуги й теми звернення та питання.
- Скарга / пропозиція — скарга, пропозиція чи подяка з номером замовлення.
- Дізнатися ціну — запит ціни й кількості конкретного товару.
- Повідомити про надходження — покупець лишає email, коли товару немає в наявності.
- Оптовим клієнтам — компанія, код ЄДРПОУ, контактна особа й орієнтовний обсяг закупівель.
- Повернення / обмін — номер замовлення, повернення чи обмін і причина.
- Запит комерційної пропозиції — кілька послуг, бюджет і опис задачі.
- Стати партнером — компанія, сайт і вид співпраці.
- Запис на зустріч — дата, час і формат: в офісі чи онлайн.
У кожній формі є чекбокс згоди на обробку персональних даних. Якщо вказати посилання на вашу політику конфіденційності, воно з'явиться поруч із чекбоксом у всіх формах одразу.
П'ять варіантів оформлення: форма під характер сторінки
Одна й та сама форма по-різному виглядає на головній, у блозі чи на сторінці опту. Тому ми дали п'ять шаблонів: «Стовпчик» — поля одне під одним; «Картка» — форма в рамці з тінню, яка виділяється серед контенту; «Текст + форма» — зліва заголовок і пояснення, справа поля; «В рядок» — компактна смуга для двох-трьох полів; «Мінімальна» — без підписів, лише підказки всередині полів.
На телефоні всі шаблони перебудовуються в одну колонку: поля широкі, кнопка на всю ширину, нічого не доводиться збільшувати пальцями.
Блок конструктора: форма на будь-якій сторінці
Щоб поставити форму, ви додаєте на сторінку блок «Форма зворотного зв'язку». У ньому три рішення: яку форму показати, яким шаблоном і з яким заголовком та підзаголовком українською й російською. Так кожна сторінка отримує свою форму: «Замовити дзвінок» на головній, «Оптовим клієнтам» на сторінці для партнерів, «Запис на зустріч» на сторінці послуг.
Шаблон можна поміняти й без адмінки — просто на вітрині, у дизайн-панелі. Кожна форма на сторінці отримує там свій рядок: гортаєте варіанти стрілками й одразу бачите, як форма виглядатиме для покупця.
Попап за будь-якою кнопкою
Не кожній сторінці потрібна форма в тілі — іноді досить кнопки «Замовити дзвінок» у банері чи описі. Будь-яка кнопка або посилання з атрибутом data-feedback-form="callback" відкриває форму у вікні поверх сторінки. Замість callback підставляєте ключ потрібної форми — і та сама кнопка відкриває консультацію, запит ціни чи запис. Додати таку кнопку можна в блоці «HTML» конструктора, без програміста.
Списки послуг і тем — у «Довідниках»
Послуги, теми звернень, причини повернення й види співпраці відрізняються в кожному бізнесі. Ми не зашивали їх у форму: списки ведуться в розділі «Довідники», а стартові значення з'являються самі. Перейменуйте, додайте чи вимкніть пункт — форми одразу покажуть оновлений список. Старі заявки при цьому не змінюються: кожна зберігає відповіді такими, якими їх надіслали.
«Налаштування → Контакти»: політика й форма секції контактів
У розділі «Форми зворотного зв'язку» налаштувань контактів два поля. «Посилання на політику конфіденційності» додає посилання до чекбокса згоди в усіх формах. «Форма в «Секції контактів»» обирає, яку з 11 форм показує стандартна секція контактів; за замовчуванням це «Зворотний зв'язок».
Усі заявки — в одному списку, і жодна не загубиться
Звідки б не прийшла заявка — з блоку, попапу чи секції контактів, — вона потрапляє в розділ «Зворотній зв'язок». Колонка «Форма» показує, через яку форму написав покупець, а фільтр «Форма» відбирає, наприклад, лише оптові запити й записи. Перемикач «Оброблено» в рядку показує колегам, що звернення вже в роботі, а фільтр «Обробка → Необроблені» лишає в списку тільки те, на що ще ніхто не відповів.
У перегляді заявки видно всі відповіді покупця, мову, сторінку, з якої він написав, товар (якщо форму відкрили з картки) і UTM-мітки реклами — одразу зрозуміло, яка кампанія приводить живих клієнтів.
Про кожну заявку ви дізнаєтеся одразу: повідомлення з назвою форми й усіма відповідями приходить у Telegram (якщо налаштовані сповіщення магазину) і листом на «Email адміністратора». Для аналітики форма передає подію generate_lead без персональних даних — на неї зручно налаштувати конверсію в Google Analytics чи рекламі.
Захист від спаму без капчі
Капча відлякує живих людей, тому ми захистили форми непомітно: приховане поле-пастка для ботів, мінімальний час заповнення і не більше п'яти надсилань однієї форми за десять хвилин з однієї адреси. Покупець нічого з цього не бачить, а список заявок не засмічується.
Як налаштувати за 10 хвилин
- У «Налаштування → Контакти» вкажіть посилання на політику конфіденційності й оберіть форму для секції контактів.
- У «Довідниках» перевірте списки послуг, тем, причин повернення й видів співпраці — підлаштуйте під свій бізнес.
- Додайте на потрібні сторінки блок «Форма зворотного зв'язку»: оберіть форму, шаблон, напишіть заголовок.
- Для попапу додайте в блок «HTML» кнопку з атрибутом
data-feedback-form. - Перевірте, що заповнено «Email адміністратора» і налаштовані Telegram-сповіщення.
- Щодня відкривайте розділ «Зворотній зв'язок» із фільтром «Необроблені» й позначайте опрацьовані заявки.
Приклади для різних ніш
- Будматеріали й опт. «Оптовим клієнтам» у шаблоні «Текст + форма» на окремій сторінці: менеджер одразу бачить компанію, ЄДРПОУ й обсяг.
- Весільний салон чи оптика. «Запис на зустріч» з датою й форматом — примірка без переписки в месенджері.
- Кондиціонери, меблі на замовлення. «Отримати консультацію» з послугою «Монтаж і встановлення» або «Запит комерційної пропозиції» з бюджетом.
- Одяг і взуття. «Повідомити про надходження» для розміру, якого немає, і «Повернення / обмін» з причиною — менше хаосу в листуванні.
- Техніка під замовлення. «Дізнатися ціну» — покупець вказує кількість, ви відповідаєте точною пропозицією.
Якщо ви вже утримуєте відвідувачів вікном при спробі піти зі сторінки (детально — у статті про exit-intent попап), форма «Замовити дзвінок» у попапі доповнює його для тих, кому простіше поговорити, ніж купувати самостійно. Інші способи посилити вітрину — в огляді віджетів вітрини.
Часті питання
Чи можна створити власну форму з довільними полями? Візуального конструктора полів в адмінці немає — ми свідомо дали 11 продуманих форм. Списки варіантів у формах ви редагуєте в «Довідниках», а форму з особливими полями розробник може додати в пакет кастомізацій вашого магазину.
Чи можна поставити кілька різних форм на одну сторінку? Так. Кожен блок «Форма зворотного зв'язку» налаштовується окремо, і в дизайн-панелі кожна форма має свій перемикач шаблону.
Що станеться з моєю старою контактною формою? Вона продовжить працювати. Якщо тема магазину має власну змінену копію шаблону контактної форми — вона лишиться як була; незмінена стандартна копія замінюється новою формою автоматично.
Куди приходять заявки, якщо Telegram не налаштовано? Вони завжди зберігаються в розділі «Зворотній зв'язок», а лист приходить на «Email адміністратора», якщо це поле заповнене.
Чи передаються дані покупців в аналітику? Ні. Подія generate_lead містить лише назву форми, без імені, телефону чи email.
Усе це вже працює в кожному магазині на платформі. Якщо ви тільки плануєте відкрити інтернет-магазин, оберіть шаблон інтернет-магазину під свою нішу — форми й блоки підлаштуються під його оформлення.
Підсумок: що ви отримуєте
Ми зробили форми зворотного зв'язку, які ставлять правильні питання самі: 11 готових сценаріїв, п'ять шаблонів, блок конструктора, попап за будь-якою кнопкою, списки в «Довідниках», один список заявок з фільтрами «Форма» й «Необроблені», сповіщення в Telegram і на пошту та тихий захист від спаму. Теплий контакт більше не губиться між «напишіть нам» і «а що саме ви хотіли?». Усі нові можливості платформи — в рубриці «Можливості».