Ответы форм

Ответы форм – это простая и удобная функция, настраиваемая на платформе Salebot, которая позволяет собирать информацию о пользователях.

Использование ответов форм предоставляет вам возможность собирать различные виды данных, такие как контактная информация, предпочтения, интересы, история покупок и т.д. Все эти сведения могут быть использованы для создания персонализированного пользовательского опыта, улучшения качества обслуживания и повышения конверсии на вашем проекте

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

Кроме того, ответы форм могут быть настроены таким образом, что будут отображать результаты сразу после отправки данных пользователем. Это помогает повысить доверие к вашему сайту, так как пользователи могут сразу увидеть результаты своих действий.

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

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

Откроется вкладка создания сайта вместе с окном настройки "Ответов форм".

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

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

Стиль отображения формы в блоке может быть трех вариантов:

1. Заголовок и текст расположены сверху, форма ответов - снизу:

1. Заголовок и текст слева, форма справа:

1. Заголовок и текст справа, форма слева:

Чтобы создать форму ответов-вопросов, нажмите на кнопку "Создать вопрос" в открывшемся окне:

Где присутствуют обязательные поля для заполнения: непосредственно сам вопрос, а также переменная для ответа:

В данном окне можно выбрать и настроить ответы форм в любом удобном для вашего проекта формате.

Так, в типе поле ответов выберите наиболее подходящий:

1. "Выпадающий список" - это элемент интерфейса, который позволяет выводить набор возможных вариантов выбора, раскрывающиеся при нажатии на список вопросов.

1. "Выбор нескольких вариантов ответов" - элемент интерфейса, который позволяет клиенту выбрать один или несколько вариантов ответа из предложенного списка.

1. "Выбор одного варианта ответа" - соответственно данный элемент позволяет выбрать лишь один вариант ответа.

2. "Текстовое поле" - элемент интерфейса, который позволит вашим клиентам выбрать свой собственный вариант ответа.

3. "Числовое поле" - такой вариант принимает значения только в числовом формате:

При необходимости можно устанавливать чекбокс "Дробное число", чтобы форма принимала формат дробного числа.

1. "Календарь" - такой элемент поможет клиентам вводить необходимую дату:

Для примера мы спросим у пользователей, когда они родились, а переменную, в которую будет записываться ответ, назовем "birthday".

Теперь в форме наш вопрос будет выглядеть следующим образом:

Чтобы создать на странице варианты ответов, а также предоставить возможность клиенту самостоятельно вводить какую-либо информацию, необходимо под вопросом с вариантами ответа кликнуть на "Добавить еще опрос":

Впишите название нового опроса в текстовое поле, а также выберите тип - "текстовое поле" и установите в поле "Переменные" переменную для сбора информации, что позволит пользователям отправлять вам свои варианты ответа:

1. "Имя" - такой элемент в Ответах форм расположит на странице текстовое поле для ввода имени пользователем:

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

1. "Телефон" - тип поля, позволяющий клиентам отправлять форму сбора номеров телефона для обратной связи.

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

При выборе определенных стран в поле кастомные телефоны, на странице для клиента будет отображаться выпадающий список выбранных вами стран:

Можно установить код страны по умолчанию по своему усмотрению в одноименном поле.

Также при настройке воспользуйтесь данными переключателями:

где можно определить код страны по IP-адресу, использовать функцию "Только популярные телефоны" (выдаются популярные страны); а также сразу создать Whatsapp клиента для дальнейшего диалога.

1. "Email" - тип поля, позволяющий клиентам передавать свои почтовые адреса. Функционал аналогичен типу полю "Имя", где не требуется настройки переменных и обязательного ввода наименования опроса.

После каждого из типа опроса можно установить переключатель "Обязательный вопрос" - в данном случае форма, например, заявки не отправится в проект, если пользователь, перешедший на страницу, не заполнит обязательные поля:

Дополнительные настройки

С помощью дополнительных настроек в плашке вопроса можно изменить расположение и ширину полей:

При клике на кнопку "Дополнительные настройки" открываются настройки для установления ширины полей и объединения полей формы:

При активации чекбокса "объединить в один ряд со следующим полем", следующее поле будет расположено на одной строке:

Выбор формы

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

Какие переключатели нужно использовать в зависимости от ваших целей рассказываем далее.

Чекбокс "Предупреждение на английском языке"

Активируя данный переключатель, вы включаете возможность выводить ошибки в форме на английском языке.

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

1. "Форма в модальном окне" - данный переключатель откроет Форму опроса с помощью кнопки в отдельном модальном окне на сайте:

При нажатии на нее откроется окно:

При активизации данного переключателя происходит запись ответов во вкладку "Ответы форм" и создание сделки.

Чтобы настроить открытие формы опроса в отдельном окне необходимо:

Шаг 1. Присвоить ID секции для формы опроса:

Данное поле можно найти перед настройкой шрифтов в ЭТОМ же окне настроек формы опроса.

Шаг 2. Найти и добавить блок "Кнопки":

Шаг 3. В открывшемся окне настройки секции (блока) Кнопки, нажать на "Добавить кнопку":

Далее откроется окно настройки самой кнопки, где необходимо присвоить в значение кнопки ID секции ФОРМЫ ОПРОСА и выбрать функцию "Открытие модального окна":

Сохраните полученные настройки.

Готово! Теперь кнопка отображается в отдельном модальном окне, если нажать на кнопку "Форма" внизу страницы.

1. Переключатель "Форма опроса" - отображает форму ответов непосредственно на самой странице.

"Форма опроса" не ведет в мессенджер: вы можете создавать ее и отправлять своим клиентам для анкетирования клиентов, получения интересующих данных, поддержания обратной связи с вашей аудиторией и т.п.

1. "Форма создания сделки в CRM" - данный переключатель в активном состоянии позволит добавлять сделки с клиентами в различные воронки:

Также в форме создании сделки при необходимости можно выбрать тип клиента, если у вас уже подключен(ы) WhatsApp- или Email-бот.

Для удобства, с формы можно добавлять клиента в определенное состояние (стадию) воронки в CRM.

Переключатель "Передавать данные из формы в GET-параметры редирект-ссылки" - необходим для передачи уникального идентификатора пользователя для ссылки, которую можно указать в поле, расположенном ниже данного переключателя:

Укажите необходимую ссылку в поле и выберите способ отображения: в этом же окне или с помощью открытия нового окна.

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

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

1. Поле "Текст после отправки формы" - выводит небольшое всплывающее окно после заполнения полей вопросов и отправки данных:

1. Политика конфиденциальности

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

Ссылку на политику конфиденциальности можно установить самостоятельно либо воспользоваться по умолчанию от Salebot.

1. Политика обработки персональных данных

Политика обработки персональных данных выводится автоматически, если вы выбрали вопросы для формы вида email, имя и телефон.

При необходимости, можно указать собственную ссылку на политику обработки персональных данных (по умолчанию - Политика Сейлбот).

1. Цвет текста: установите наиболее подходящий цвет по своему смотрению.

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

• Заголовка

• Ответа

• Фона и рамки типа поля

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

В функционале доступно установление заголовка шрифта аналогично настройкам любого текстового редактора:

• жирный

• курсив

• подчеркнутый

• перечеркнутый

• размер

• цвет текста

• цвет выделения текста

• выравнивание текста

• маркированный список

• нумерованный список

• ссылка

С помощью стрелок можно отменить действие или наоборот повторить:

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

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

В настройках кнопок можно отобразить любую необходимую вам социальную сеть:

Настройка стиля кнопок социальных сетей отобразит просто иконку мессенджера или иконку с названием мессенджера:

Каждую кнопку мессенджера можно настроить отдельно от другой при клике на "Настроить":

Можно вывести необходимый текст кнопки в поле "Текст кнопки", выбрать ее ширину и закругление.

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

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

Тем самым получили выделение кнопки:

Не забудьте нажать "Сохранить", чтобы применить к кнопке определенные изменения:

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

При настройке кастомной кнопки укажите отображение текста кнопки для страницы сайта или 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"; }) :

Результат выполнения скрипта: