Salebot.pro
Search
K

Ответы форм

В данной статье расскажем, для чего нужна вкладка "Ответы форм" при создании сайта (минилендинга), и объясним, как ее настроить
Ответы форм – это простая и удобная функция, настраиваемая на платформе Salebot, которая позволяет собирать информацию о пользователях.
Использование ответов форм предоставляет вам возможность собирать различные виды данных, такие как контактная информация, предпочтения, интересы, история покупок и т.д. Все эти сведения могут быть использованы для создания персонализированного пользовательского опыта, улучшения качества обслуживания и повышения конверсии на вашем проекте
Salebot предоставляет различные типы ответов форм, включая текстовые поля, выпадающие списки, чекбоксы и многое другое. Это позволяет вам адаптировать форму под конкретные нужды вашего бизнеса и собирать именно ту информацию, которая необходима для достижения целей.
Кроме того, ответы форм могут быть настроены таким образом, что будут отображать результаты сразу после отправки данных пользователем. Это помогает повысить доверие к вашему сайту, так как пользователи могут сразу увидеть результаты своих действий.

Настройка раздела "Ответы форм"

Чтобы настроить раздел "Ответы форм" перейдите в одноименную вкладку, где необходимо нажать на "Создать форму".
Откроется вкладка создания сайта вместе с окном настройки "Ответов форм".
В данном случае, в блоке (секции) сайта настройка контента будет состоять из создания опросов по различным параметрам, а также заголовка и настройки формы.

Настройка контента: подраздел "Создать вопрос"

Чтобы создать форму ответов-вопросов, нажмите на кнопку "Создать вопрос" в открывшемся окне:
Где присутствуют обязательные поля для заполнения: непосредственно сам вопрос, а также переменная для ответа:
В данном окне можно выбрать и настроить ответы форм в любом удобном для вашего проекта формате.
Так, в типе поле ответов выберите наиболее подходящий:
  1. 1.
    "Выпадающий список" - это элемент интерфейса, который позволяет выводить набор возможных вариантов выбора, раскрывающиеся при нажатии на список вопросов.
  1. 2.
    "Выбор нескольких вариантов ответов" - элемент интерфейса, который позволяет клиенту выбрать один или несколько вариантов ответа из предложенного списка.
  1. 3.
    "Выбор одного варианта ответа" - соответственно данный элемент позволяет выбрать лишь один вариант ответа.
  2. 4.
    "Текстовое поле" - элемент интерфейса, который позволит вашим клиентам выбрать свой собственный вариант ответа.
  3. 5.
    "Календарь" - такой элемент поможет клиентам вводить необходимую дату:
Для примера мы спросим у пользователей, когда они родились, а переменную, в которую будет записываться ответ, назовем "birthday".
Теперь в форме наш вопрос будет выглядеть следующим образом:
Чтобы создать на странице варианты ответов, а также предоставить возможность клиенту самостоятельно вводить какую-либо информацию, необходимо под вопросом с вариантами ответа кликнуть на "Добавить еще опрос":
Впишите название нового опроса в текстовое поле, а также выберите тип - "текстовое поле" и установите в поле "Переменные" переменную для сбора информации, что позволит пользователям отправлять вам свои варианты ответа:
  1. 5.
    "Имя" - такой элемент в Ответах форм расположит на странице текстовое поле для ввода имени пользователем:
В данном случае в настройке данного элемента НЕ требуется использование переменных и обязательного введения наименования опроса (по умолчанию такая форма опроса будет называться "Ваше имя", а облачная надпись, которую можно изменить в настройках, в текстовом поле - "Имя"):
  1. 6.
    "Телефон" - тип поля, позволяющий клиентам отправлять форму сбора номеров телефона для обратной связи.
При настройке данного типа поля опроса можно выбрать кастомные телефоны: доступно использование кастомных телефонов по странам, а также выставление по умолчанию определенного:
При выборе определенных стран в поле кастомные телефоны, на странице для клиента будет отображаться выпадающий список выбранных вами стран:
Если в поле "Кастомные телефоны" не были выбраны страны, то будет отображаться весь имеющийся список стран.
Можно установить код страны по умолчанию по своему усмотрению в одноименном поле.
Также при настройке воспользуйтесь данными переключателями:
где можно определить код страны по IP-адресу, использовать функцию "Только популярные телефоны" (выдаются популярные страны); а также сразу создать Whatsapp клиента для дальнейшего диалога.
  1. 7.
    "Email" - тип поля, позволяющий клиентам передавать свои почтовые адреса. Функционал аналогичен типу полю "Имя", где не требуется настройки переменных и обязательного ввода наименования опроса.
После каждого из типа опроса можно установить переключатель "Обязательный вопрос" - в данном случае форма, например, заявки не отправится в проект, если пользователь, перешедший на страницу, не заполнит обязательные поля:
На странице такие вопросы помечены символом *, и если пользователь (клиент) не заполнит их, то всплывет окно ошибки:

Выбор формы

Выбор формы подразумевает то, что вы хотите получить от клиентов: создать сделку или опросить целевую аудиторию по поводу имеющихся товаров, услуг и т.п. Можно использовать такие переключатели в зависимости от того, хотите ли вы получить информацию и необходимые данные от клиента (например, телефон для обратной связи или email), либо перенаправить его в чат-бота для дальнейшего диалога.
Какие переключатели нужно использовать в зависимости от ваших целей рассказываем далее.
Переключатели расположены ниже настройки вопросов и позволяют отобразить форму опроса в различном виде:
  1. 1.
    "Форма в модальном окне" - данный переключатель откроет Форму опроса с помощью кнопки в отдельном модальном окне на сайте:
При нажатии на нее откроется окно:
При активизации данного переключателя происходит запись ответов во вкладку "Ответы форм" и создание сделки.
Чтобы настроить открытие формы опроса в отдельном окне необходимо:
Шаг 1. Присвоить ID секции для формы опроса:
Данное поле можно найти перед настройкой шрифтов в ЭТОМ же окне настроек формы опроса.
Шаг 2. Найти и добавить блок "Кнопки":
Шаг 3. В открывшемся окне настройки секции (блока) Кнопки, нажать на "Добавить кнопку":
Далее откроется окно настройки самой кнопки, где необходимо присвоить в значение кнопки ID секции ФОРМЫ ОПРОСА и выбрать функцию "Открытие модального окна":
Остальные настройки кнопки можно сделать по своему усмотрению, ВАЖНО именно присвоить значение для кнопки в виде ID секции, чтобы она открывала то модальное окно опроса, которое необходимо.
Помните, что без создания отдельного блока (секции) "Кнопки" при использовании переключателя "Форма модального окна" форма опроса отображаться не будет.
Сохраните полученные настройки.
Готово! Теперь кнопка отображается в отдельном модальном окне, если нажать на кнопку "Форма" внизу страницы.
  1. 2.
    Переключатель "Форма опроса" - отображает форму ответов непосредственно на самой странице.
"Форма опроса" не ведет в мессенджер: вы можете создавать ее и отправлять своим клиентам для анкетирования клиентов, получения интересующих данных, поддержания обратной связи с вашей аудиторией и т.п.
  1. 3.
    "Форма создания сделки в CRM" - данный переключатель в активном состоянии позволит добавлять сделки с клиентами в различные воронки:
Также в форме создании сделки при необходимости можно выбрать определенного клиента, если у вас уже подключен(ы) WhatsApp- или Email-бот.
Нельзя одновременно активизировать переключатели "Форма опроса" и "Форма создания сделки в CRM".
Предусмотрено несколько вариантов:
  • Активизация одного из трех переключателей.
  • Активизация двух, не конфликтующих друг с другом переключателей:
Либо
"Форма опроса" и "Форма создания сделки в CRM" НЕ передаются через переменную quiz_link!

Иные настройки

После настройки вопросов опроса, а также формы вывода можно перейти к остальным полям раздела:
  1. 1.
    Поле "Текст после отправки формы" - выводит небольшое всплывающее окно после заполнения полей вопросов и отправки данных:
  1. 2.
    Переключатель "Передавать данные из формы в GET-параметры редирект-ссылки" - необходим для передачи уникального идентификатора пользователя для ссылки, которую можно указать в поле, расположенном ниже данного переключателя:
Данный функционал доступен только при активном положении переключателя "Форма создания сделки CRM".
Укажите необходимую ссылку в поле и выберите способ отображения: в этом же окне или с помощью открытия нового окна.
  1. 3.
    Политика конфиденциальности
При отправке формы можно отображать политику конфиденциальности, а также отмечать чекбокс отмеченным (либо не отмечайте галочкой в поле "Выводить чекбокс сразу отмеченным", если существует необходимость, чтобы пользователь самостоятельно отмечал галочку):
Ссылку на политику конфиденциальности можно установить самостоятельно либо воспользоваться по умолчанию от Salebot.
  1. 4.
    Цвет текста: установите наиболее подходящий цвет по своему смотрению.
В данном случае благодаря списку в левом баре можно настроить цвет применительно к различным текстовым отображениям формы опроса:
  • Заголовка
  • Ответа
  • Фона и рамки типа поля

Настройка контента: подраздел "Заголовок для формы"

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

Настройка контента: подраздел "Кнопки"

Социальные сети

Отображение кнопок социальных сетей возможно при НЕ активных переключателях "Форма опроса" и "Форма создания сделки CRM", а также при АКТИВНОМ переключателе "Форма в модальном окне".
В настройках кнопок можно отобразить любую необходимую вам социальную сеть:
Настройка стиля кнопок социальных сетей отобразит просто иконку мессенджера или иконку с названием мессенджера:
Помните, что социальные сети и мессенджеры необходимо подключить в разделе "Каналы".
Каждую кнопку мессенджера можно настроить отдельно от другой при клике на "Настроить":
Можно вывести необходимый текст кнопки в поле "Текст кнопки", выбрать ее ширину и закругление.
С помощью настройки цвета кнопки при необходимости можно установить различное цветовое отображение в зависимости от наведения на нее курсора мыши.
Так, например, нами был выбран различный фон отображения кнопки при наведение на нее курсора:
Отображения фона кнопки в обычном состоянии
Отображение фона кнопки при наведении курсора
Тем самым получили выделение кнопки:
Кнопка в неактивном состоянии/при наведении курсора
Не забудьте нажать "Сохранить", чтобы применить к кнопке определенные изменения:

Кастомные кнопки

Отображение кастомных кнопок возможно только при АКТИВНОМ переключателе "Форма создания сделки CRM".
При настройке кастомной кнопки укажите отображение текста кнопки для страницы сайта или Web app:
В данном случае можно настроить цвет текста кнопки, а также отображение фона при наведении на нее курсора мыши.
Также можно установить размер кнопки и округление ее краев.
Кнопка в неактивном состоянии/при наведении курсора
Так при нажатии на кнопку, данные клиента сделки отправятся в воронку.

Кнопка "Отправить"

Кнопка "Отправить" создается автоматически при включении переключателя "Форма опроса": данная кнопка позволяет пользователю передать интересующую вас информацию, а вам, соответственно, получить результаты опроса в системе, где в последующем вы сможете увидеть результаты ответов респондентов.
Где просматривать результаты опросов, расскажем ниже.

Созданная форма

Чтобы выдать ссылку через Чат-бота, в схеме блоков в калькуляторе укажите переменную и присвойте ей значение (указывайте переменную, которую установили в настройке при создании опроса):
В скобках необходимо указать номер лендинга:
После перехода клиента по ссылке и заполнения им формы, всплывет сообщение об успешном отправлении формы в систему:
При этом помните, что в чат-бот коллбек об успешном заполнении формы не приходит:
Все данные будут отображены в разделе "Ответы форм" по каждой странице лендинга отдельно:
Нажав на кнопку "Открыть ответы", можно просмотреть сводку вопросов пользователей, прошедших опрос: какой вариант ответа, из предложенных вами, наиболее часто выбирают ваши клиенты; а также просмотреть данные (например, номера телефонов), которые были отправлены при заполнении формы.
При этом отдельно можно просмотреть, какое количество человек выбрало тот или иной вариант ответа во вкладке "Вопросы"; а также просмотреть выбранные ответы отдельными пользователями.

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

Перейдите в основные настройки лендинга с формами:
Затем в основных настройках лендинга с формами, найдите раздел CSS и JS, JS-код:
В поле JS-код вносятся следующий скрипт:
document.addEventListener("DOMContentLoaded", function () {
var input = document.querySelector(".name_input");
input.placeholder = "Новый текст placeholder"; }) :
name_input
замена в поле запроса имени
phone_input
замена в поле запроса телефона
email_input
замена в поле запроса почты
ml_quiz_textarea
замена в поле запроса произвольной информации
Результат выполнения скрипта: