Покупатель, который хочет вам написать, — самый тёплый контакт, какой только бывает в интернет-магазине. Он уже выбрал вас, у него конкретный вопрос: есть ли оптовая цена, можно ли примерить, когда перезвонят. И именно этот контакт проще всего потерять. Одна универсальная форма «Имя, телефон, сообщение» заставляет человека объяснять всё с нуля, а менеджера — перезванивать, чтобы переспросить. Оптовик не найдёт, куда указать ЕГРПОУ, клиентка салона — дату примерки, и оба уйдут туда, где их поняли с первого клика. Поэтому мы в 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 и на почту и тихая защита от спама. Тёплый контакт больше не теряется между «напишите нам» и «а что именно вы хотели?». Все новые возможности платформы — в рубрике «Возможности».