Ответы форм
В данной статье расскажем, для чего нужна вкладка "Ответы форм" при создании сайта (минилендинга), и объясним, как ее настроить
Last updated
В данной статье расскажем, для чего нужна вкладка "Ответы форм" при создании сайта (минилендинга), и объясним, как ее настроить
Last updated
Ответы форм – это простая и удобная функция, настраиваемая на платформе Salebot, которая позволяет собирать информацию о пользователях.
Использование ответов форм предоставляет вам возможность собирать различные виды данных, такие как контактная информация, предпочтения, интересы, история покупок и т.д. Все эти сведения могут быть использованы для создания персонализированного пользовательского опыта, улучшения качества обслуживания и повышения конверсии на вашем проекте
Salebot предоставляет различные типы ответов форм, включая текстовые поля, выпадающие списки, чекбоксы и многое другое. Это позволяет вам адаптировать форму под конкретные нужды вашего бизнеса и собирать именно ту информацию, которая необходима для достижения целей.
Кроме того, ответы форм могут быть настроены таким образом, что будут отображать результаты сразу после отправки данных пользователем. Это помогает повысить доверие к вашему сайту, так как пользователи могут сразу увидеть результаты своих действий.
Обращаем внимание!
Для форм сбора данных с полями ввода для номера телефона, email или имени АВТОМАТИЧЕСКИ ставится чекбокс для согласия с политикой обработки персональных данных.
По умолчанию ссылка возле поля "Я согласен с политикой обработки персональных данных" введет на Политику обработки персональных данных Salebot. В случае необходимости, вы можете указать свою политику обработки персональных данных.
Чтобы настроить раздел "Ответы форм" перейдите в одноименную вкладку, где необходимо нажать на "Создать форму".
Откроется вкладка создания сайта вместе с окном настройки "Ответов форм".
В данном случае, в блоке (секции) сайта настройка контента будет состоять из создания опросов по различным параметрам, а также заголовка и настройки формы.
Стиль отображения формы в блоке может быть трех вариантов:
Заголовок и текст расположены сверху, форма ответов - снизу:
Заголовок и текст слева, форма справа:
Заголовок и текст справа, форма слева:
Чтобы создать форму ответов-вопросов, нажмите на кнопку "Создать вопрос" в открывшемся окне:
Где присутствуют обязательные поля для заполнения: непосредственно сам вопрос, а также переменная для ответа:
В данном окне можно выбрать и настроить ответы форм в любом удобном для вашего проекта формате.
Так, в типе поле ответов выберите наиболее подходящий:
"Выпадающий список" - это элемент интерфейса, который позволяет выводить набор возможных вариантов выбора, раскрывающиеся при нажатии на список вопросов.
"Выбор нескольких вариантов ответов" - элемент интерфейса, который позволяет клиенту выбрать один или несколько вариантов ответа из предложенного списка.
"Выбор одного варианта ответа" - соответственно данный элемент позволяет выбрать лишь один вариант ответа.
"Текстовое поле" - элемент интерфейса, который позволит вашим клиентам выбрать свой собственный вариант ответа.
"Числовое поле" - такой вариант принимает значения только в числовом формате:
При необходимости можно устанавливать чекбокс "Дробное число", чтобы форма принимала формат дробного числа.
"Календарь" - такой элемент поможет клиентам вводить необходимую дату:
Для примера мы спросим у пользователей, когда они родились, а переменную, в которую будет записываться ответ, назовем "birthday".
Теперь в форме наш вопрос будет выглядеть следующим образом:
Чтобы создать на странице варианты ответов, а также предоставить возможность клиенту самостоятельно вводить какую-либо информацию, необходимо под вопросом с вариантами ответа кликнуть на "Добавить еще опрос":
Впишите название нового опроса в текстовое поле, а также выберите тип - "текстовое поле" и установите в поле "Переменные" переменную для сбора информации, что позволит пользователям отправлять вам свои варианты ответа:
Обращаем внимание!
Для форм сбора данных с полями ввода для номера телефона, email или имени АВТОМАТИЧЕСКИ ставится чекбокс для согласия с политикой обработки персональных данных.
По умолчанию ссылка возле поля "Я согласен с политикой обработки персональных данных" введет на Политику обработки персональных данных Salebot. В случае необходимости, вы можете указать свою политику обработки персональных данных.
Чтобы изменить ссылку на политику обработки персональных данных, перейдите в настройки и в поле URL введите собственную ссылку:
"Имя" - такой элемент в Ответах форм расположит на странице текстовое поле для ввода имени пользователем:
В данном случае в настройке данного элемента НЕ требуется использование переменных и обязательного введения наименования опроса (по умолчанию такая форма опроса будет называться "Ваше имя", а облачная надпись, которую можно изменить в настройках, в текстовом поле - "Имя"):
"Телефон" - тип поля, позволяющий клиентам отправлять форму сбора номеров телефона для обратной связи.
При настройке данного типа поля опроса можно выбрать кастомные телефоны: доступно использование кастомных телефонов по странам, а также выставление по умолчанию определенного:
При выборе определенных стран в поле кастомные телефоны, на странице для клиента будет отображаться выпадающий список выбранных вами стран:
Если в поле "Кастомные телефоны" не были выбраны страны, то будет отображаться весь имеющийся список стран.
Можно установить код страны по умолчанию по своему усмотрению в одноименном поле.
Также при настройке воспользуйтесь данными переключателями:
где можно определить код страны по IP-адресу, использовать функцию "Только популярные телефоны" (выдаются популярные страны); а также сразу создать Whatsapp клиента для дальнейшего диалога.
"Email" - тип поля, позволяющий клиентам передавать свои почтовые адреса. Функционал аналогичен типу полю "Имя", где не требуется настройки переменных и обязательного ввода наименования опроса.
После каждого из типа опроса можно установить переключатель "Обязательный вопрос" - в данном случае форма, например, заявки не отправится в проект, если пользователь, перешедший на страницу, не заполнит обязательные поля:
На странице такие вопросы помечены символом *, и если пользователь (клиент) не заполнит их, то всплывет окно ошибки:
С помощью дополнительных настроек в плашке вопроса можно изменить расположение и ширину полей:
При клике на кнопку "Дополнительные настройки" открываются настройки для установления ширины полей и объединения полей формы:
При активации чекбокса "объединить в один ряд со следующим полем", следующее поле будет расположено на одной строке:
Выбор формы подразумевает то, что вы хотите получить от клиентов: создать сделку или опросить целевую аудиторию по поводу имеющихся товаров, услуг и т.п. Можно использовать такие переключатели в зависимости от того, хотите ли вы получить информацию и необходимые данные от клиента (например, телефон для обратной связи или email), либо перенаправить его в чат-бота для дальнейшего диалога.
Какие переключатели нужно использовать в зависимости от ваших целей рассказываем далее.
Чекбокс "Предупреждение на английском языке"
Активируя данный переключатель, вы включаете возможность выводить ошибки в форме на английском языке.
Следующие переключатели расположены ниже настройки вопросов и позволяют отобразить форму опроса в различном виде:
"Форма в модальном окне" - данный переключатель откроет Форму опроса с помощью кнопки в отдельном модальном окне на сайте:
При нажатии на нее откроется окно:
При активизации данного переключателя происходит запись ответов во вкладку "Ответы форм" и создание сделки.
Чтобы настроить открытие формы опроса в отдельном окне необходимо:
Шаг 1. Присвоить ID секции для формы опроса:
Данное поле можно найти перед настройкой шрифтов в ЭТОМ же окне настроек формы опроса.
Шаг 2. Найти и добавить блок "Кнопки":
Шаг 3. В открывшемся окне настройки секции (блока) Кнопки, нажать на "Добавить кнопку":
Далее откроется окно настройки самой кнопки, где необходимо присвоить в значение кнопки ID секции ФОРМЫ ОПРОСА и выбрать функцию "Открытие модального окна":
Остальные настройки кнопки можно сделать по своему усмотрению, ВАЖНО именно присвоить значение для кнопки в виде ID секции, чтобы она открывала то модальное окно опроса, которое необходимо.
Помните, что без создания отдельного блока (секции) "Кнопки" при использовании переключателя "Форма модального окна" форма опроса отображаться не будет.
Сохраните полученные настройки.
Готово! Теперь кнопка отображается в отдельном модальном окне, если нажать на кнопку "Форма" внизу страницы.
Переключатель "Форма опроса" - отображает форму ответов непосредственно на самой странице.
"Форма опроса" не ведет в мессенджер: вы можете создавать ее и отправлять своим клиентам для анкетирования клиентов, получения интересующих данных, поддержания обратной связи с вашей аудиторией и т.п.
"Форма создания сделки в CRM" - данный переключатель в активном состоянии позволит добавлять сделки с клиентами в различные воронки:
Также в форме создании сделки при необходимости можно выбрать тип клиента, если у вас уже подключен(ы) WhatsApp- или Email-бот.
Для удобства, с формы можно добавлять клиента в определенное состояние (стадию) воронки в CRM.
Переключатель "Передавать данные из формы в GET-параметры редирект-ссылки" - необходим для передачи уникального идентификатора пользователя для ссылки, которую можно указать в поле, расположенном ниже данного переключателя:
Данный функционал доступен только при активном положении переключателя "Форма создания сделки CRM".
Укажите необходимую ссылку в поле и выберите способ отображения: в этом же окне или с помощью открытия нового окна.
Нельзя одновременно активизировать переключатели "Форма опроса" и "Форма создания сделки в CRM".
Предусмотрено несколько вариантов:
Активизация одного из трех переключателей.
Активизация двух, не конфликтующих друг с другом переключателей:
Либо
"Форма опроса" и "Форма создания сделки в CRM" НЕ передаются через переменную quiz_link!
После настройки вопросов опроса, а также формы вывода можно перейти к остальным полям раздела:
Поле "Текст после отправки формы" - выводит небольшое всплывающее окно после заполнения полей вопросов и отправки данных:
Политика конфиденциальности
При отправке формы можно отображать политику конфиденциальности, а также отмечать чекбокс отмеченным (либо не отмечайте галочкой в поле "Выводить чекбокс сразу отмеченным", если существует необходимость, чтобы пользователь самостоятельно отмечал галочку):
Ссылку на политику конфиденциальности можно установить самостоятельно либо воспользоваться по умолчанию от Salebot.
Политика обработки персональных данных
Политика обработки персональных данных выводится автоматически, если вы выбрали вопросы для формы вида email, имя и телефон.
При необходимости, можно указать собственную ссылку на политику обработки персональных данных (по умолчанию - Политика Сейлбот).
Цвет текста: установите наиболее подходящий цвет по своему смотрению.
В данном случае благодаря списку в левом баре можно настроить цвет применительно к различным текстовым отображениям формы опроса:
Заголовка
Ответа
Фона и рамки типа поля
В функционале доступно установление заголовка шрифта аналогично настройкам любого текстового редактора:
жирный
курсив
подчеркнутый
перечеркнутый
размер
цвет текста
цвет выделения текста
выравнивание текста
маркированный список
нумерованный список
ссылка
С помощью стрелок можно отменить действие или наоборот повторить:
Отображение кнопок социальных сетей возможно при НЕ активных переключателях "Форма опроса" и "Форма создания сделки CRM", а также при АКТИВНОМ переключателе "Форма в модальном окне".
В настройках кнопок можно отобразить любую необходимую вам социальную сеть:
Настройка стиля кнопок социальных сетей отобразит просто иконку мессенджера или иконку с названием мессенджера:
Помните, что социальные сети и мессенджеры необходимо подключить в разделе "Каналы".
Каждую кнопку мессенджера можно настроить отдельно от другой при клике на "Настроить":
Можно вывести необходимый текст кнопки в поле "Текст кнопки", выбрать ее ширину и закругление.
С помощью настройки цвета кнопки при необходимости можно установить различное цветовое отображение в зависимости от наведения на нее курсора мыши.
Так, например, нами был выбран различный фон отображения кнопки при наведение на нее курсора:
Тем самым получили выделение кнопки:
Не забудьте нажать "Сохранить", чтобы применить к кнопке определенные изменения:
Отображение кастомных кнопок возможно только при АКТИВНОМ переключателе "Форма создания сделки CRM".
При настройке кастомной кнопки укажите отображение текста кнопки для страницы сайта или Web app:
В данном случае можно настроить цвет текста кнопки, а также отображение фона при наведении на нее курсора мыши.
Также можно установить размер кнопки и округление ее краев.
Так при нажатии на кнопку, данные клиента сделки отправятся в воронку.
Кнопка "Отправить" создается автоматически при включении переключателя "Форма опроса": данная кнопка позволяет пользователю передать интересующую вас информацию, а вам, соответственно, получить результаты опроса в системе, где в последующем вы сможете увидеть результаты ответов респондентов.
Где просматривать результаты опросов, расскажем ниже.
Чтобы выдать ссылку через Чат-бота, в схеме блоков в калькуляторе укажите переменную и присвойте ей значение (указывайте переменную, которую установили в настройке при создании опроса):
В скобках необходимо указать номер лендинга:
После перехода клиента по ссылке и заполнения им формы, всплывет сообщение об успешном отправлении формы в систему:
При этом помните, что в чат-бот коллбек об успешном заполнении формы не приходит:
Все данные будут отображены в разделе "Ответы форм" по каждой странице лендинга отдельно:
Нажав на кнопку "Открыть ответы", можно просмотреть сводку вопросов пользователей, прошедших опрос: какой вариант ответа, из предложенных вами, наиболее часто выбирают ваши клиенты; а также просмотреть данные (например, номера телефонов), которые были отправлены при заполнении формы.
При этом отдельно можно просмотреть, какое количество человек выбрало тот или иной вариант ответа во вкладке "Вопросы"; а также просмотреть выбранные ответы отдельными пользователями.
Внимание!
При связке все переменные, сделки, сообщения и контакты перенесутся в ТГ клиента, а клиент сайта удалится.
Данный функционал доступен при использовании функции оплаты в форме:
Шаг 1. Создайте страницу успешной оплаты
Для этого вам понадобится создать новый небольшой сайт, НА который перейдет ваш пользователь, с кнопкой Телеграм:
И скопируйте ссылку на сайт, на который перейдет ваш клиент после оплаты в форме на сайте.
Шаг 2.
В настройках сайта с формой оплаты необходимо найти поле "Ссылка на страницу после успешной оплаты":
Добавляем в поле "Ссылка на страницу после успешной оплаты" ссылку САЙТА УСПЕШНОЙ ОПЛАТЫ, которую вы скопировали в Шаге 1, где в конце данной ссылки необходимо указать параметр ?start=
https://salebot.pro/md/page_spasibo?start=, где красным отмечена сама ссылка, а зеленым — параметр.
Далее после ?start= укажите УСЛОВИЕ ВЫЗОВА БЛОКА:
1) скопируйте условие блока
2) вставьте в строку "Ссылка на страницу после успешной оплаты":
Готово!
Теперь после оплаты ваших клиентов будет редиректить на страницу после успешной оплаты для дальнейшего взаимодействия клиента в ТГ.
Перейдите в основные настройки лендинга с формами:
Затем в основных настройках лендинга с формами, найдите раздел 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
замена в поле запроса произвольной информации
Результат выполнения скрипта: