Формы для сайта

Здесь картинка: attachments/2698706973/2944565251.png?width=448

  • Перейдите в раздел «Маркетинг», а затем на вкладку «Формы для сайта»

  • Вы окажетесь на странице со списком всех форм для сайта, созданных в рамках текущего проекта. Здесь можно добавить новую форму, отредактировать существующую, а также скопировать теги, которые понадобятся для вызова или получения данных конкретной формы.

Здесь картинка: attachments/2698706973/2945024001.png?width=564

Новая форма для сайта

  • Нажмите «+ Форма для сайта» в правом верхнем углу страницы со списком форм.

  • Откроется модальное окно, где обязательно нужно ввести название и придумать уникальный идентификатор формы. В последствии эту информацию можно будет отредактировать.

  • Нажмите «Создать», чтобы перейти к настройкам формы.

Здесь картинка: attachments/2698706973/2944925699.png?width=564

  1. Название - наименование формы для отображения в общем списке и поиска;

  2. Короткое описание - поле для дополнительной информации, отображается в общем списке рядом с названием (Необязательное поле);

  3. Уникальный идентификатор - нужен для работы с определенной формой в контексте пользователя. Генерируется сам при создании названия, но можно и редактировать.

Прекрасно 🎉 Новая форма создана, теперь ее нужно настроить.

Здесь картинка: attachments/2698706973/2945417217.png

Настройки: Общие настройки для формы## Настройки

Общие настройки для формы

Здесь картинка: attachments/2698706973/2945744897.png?width=453

Язык - Язык интерфейса веб-формы.

Диплинк - Выбор диплинка из созданных на проекте.

Получать уведомления на email - Возможность получать на почту оповещения о каждой заполненной форме.

Примечание: Код для вставки в head и код для вставки в body. Не обязательные поля, могут быть нужны для оптимизации CEO настроек вашего сайта.

Примечание: Кнопка «Сохранить изменения» опубликует внесенные изменения без дополнительного подтверждения. Учитывайте это, если ваша форма уже доступна для пользователей.

Конструктор: Визуальный редактор веб-страницы с формой## Конструктор

Визуальный редактор веб-страницы с формой

Дизайн: В разработке

Скоринг: Система оценки данных заполненных форм## Скоринг

Система оценки данных заполненных форм

Категория скоринга - Кастомный атрибут формы для расчета оценки

Правило скоринга - Условие распределения оценки для категории скоринга

Оценка - Количество баллов (Число)

Примечание: Скоринг позволяет настраивать правила распределения баллов для категорий скоринга

Скоринг: Модель распределения баллов, в зависимости от сохраненных значений полей формы

Инструкции: Скрипт для сайта## Инструкции

Скрипт для вставки на вашем сайте

При нажатии на вкладку “Инструкции” имеет вид как на примере ниже

Здесь картинка: attachments/2698706973/2946039809.png

Текс скрипта уже выделен остаётся только копировать его.

Дальнейшие действия для его вставки на сайт проводятся уже из панели администратора на вашем сайте или в конструкторе сайтов.

На примере Tilda покажем как установить скрипт на сайт.

  • Нажать на меню “Все блоки”

Здесь картинка: attachments/2698706973/2946138117.png

  • Долистать в меню “Все блоки” до вкладки “Другое” и выбрать “HTML-код”

Здесь картинка: attachments/2698706973/2946269185.png

  • Вставить скрипт и нажать “Сохранить и закрыть”

Здесь картинка: attachments/2698706973/2946301953.png

  • Нажать “Опубликовать” и перейти по ссылке которую покажет модальное окно в Tilda

Прекрасно 🎉 на вашем сайте теперь есть форма

Здесь картинка: attachments/2698706973/2944565251.png

Аналитика: Подключение Google Analytics и Facebook Pixel## Аналитика

Подключение Google Analytics и Facebook Pixel

Здесь картинка: attachments/2698706973/2946367493.png

Google Analytics

Получайте события о заполненных формах в Google Analytics

Facebook Pixel

Добавив Pixel ID, вы начнете получать события о заполненных формах в бизнес-менеджер Facebook.

Лиды: Список заполненных форм## Заполненные формы

Список заполненных форм

Здесь картинка: attachments/2698706973/2946564097.png

Экземпляр формы: Последний сохраненный вариант формы, который напрямую связан с пользователем, который ее заполнил.

Примечание: У одного пользователя может быть только один сохраненный экземпляр формы.

  • В списке отображены все сохраненные формы и связанные с ними пользователи.

  • Чтобы отфильтровать формы по дате последнего изменения - введите необходимый интервал (от - до) и нажмите «Применить»****справа вверху над списком.

  • Дата создания - Дата и время, когда пользователь первый раз заполнил форму форму

  • Чат - Пользователь, с которым связан экземпляр формы

  • Кнопки действия:

  • Переход к истории сообщений пользователя в чат-центре

  • Удалить экземпляр формы связанный с пользователем

  • Показать список полей и сохраненных значений

Данные форм

Нажмите , чтобы посмотреть сохраненные значения для полей формы

Здесь картинка: attachments/2698706973/2946629633.png

Экспорт форм

  • Нажмите «Экспорт» слева над списком с экземплярами форм

  • Введите адрес электронной почты, на которую будет отправлен файл.

Здесь картинка: attachments/2698706973/2946629639.png?width=453

На почту придёт письмо с экспортированным файлом в формате .CSV

Здесь картинка: attachments/2698706973/2946334723.png?width=566

Примечание: При экспорте не учитывается фильтрация списка экземпляров форм, файл будет содержать все заполненные формы.

Webhook и API: Прием данных из форм на свой скрипт## Webhook и API

Прием данных из форм на свой скрипт

  • При заполнении формы данные будут отправляться методом POST на адрес скрипта, который вы указали.

Last updated