Виджеты

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

Виджет обратной связи

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

Настройки

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

Как подключить телефонию в Salebot, читайте в разделе "Интеграции" - "Телефония".

Основная информация

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

  1. Название Соответственно в данном поле вы можете прописать любое необходимое наименование виджета, которое будет отображено на сайте. Это поле является обязательным.

  2. Домен, где будет использован виджет. Это второе обязательное поле, где необходимо указать домен сайта. Это может быть как сайт, спроектированный на Salebot, так и на сервисе Тильда, а также на свой собственный.

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

Колбеки виджета обратной связи не совпадают с колбеками подключенной телефонии и имеют вид:

В последующем вы можете настроить реакцию чат-бота на полученные колбеки.

Какие колбеки существуют, читайте ниже в разделе "Колбеки"

Также по своему усмотрению, можно оставить или скрыть логотип "Сделано Salebot" с помощью данного чекбокса:

Условия срабатывания

Временной интервал

Можно установить тайминг показа виджета на сайте. Для этого воспользуйтесь функцией "Когда показывать виджет":

  1. Сразу Данная настройка отобразит виджет в момент перехода пользователя на сайт.

  2. Спустя время

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

Устанавливается временной интервал в секундах, где минимальное значение - 1 секунда, а максимальное - 15 секунд.

  1. После прокрутки

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

Минимальное значение временного интервала - 1 секунда; максимальное - 15.

Факторы отображения на сайте

Можно установить отображение виджета как без условий, так и по условиям. Разберем подробнее существующие условия.

  1. UTM-метки

Чтобы узнать, что такое UTM-метки и как ими пользоваться, рекомендуем прочитать статью "Как передать параметры и UTM-метки".

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

Далее выберите оператор соответствия метки значению:

В чем разница содержит/не содержит и равно/не равно?

Основное различие в том, что "содержит/не содержит" проверяет значение на факт того, что UTM-метка включает (или не включает) то или иное значение. Тогда как оператор "равно" строго присваивает значение, в связи с чем система ищет совпадение в UTM-метке по строгому значению (соответственно "Не равно" противоположно).

После чего пропишите необходимое значение для UTM-метки:

  1. Страна

Также можно выбрать условие "Страна", которое отобразит виджет в зависимости от IP страны подключения. Выберите необходимую страну из перечня, а также тип оператора (является или не является):

  1. Устройство

При необходимости установите условие "Устройство", которое отобразит виджет в зависимости от типа устройства клиента, перешедшего на сайт:

В настройках также существует функция для добавления нескольких значений для отображения виджета. Для этого достаточно кликнуть по "+ Добавить значение" и установить еще одно или несколько необходимых условий:

Телефония

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

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

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

Чтобы виджет с активным чекбоксом телефонии работал корректно, подключите телефонию.

Если у вас уже установлена телефония, то выберите соответствующую интеграцию в списке:

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

Если клиента нет в проекте, с номером звонящего создается клиент типа Whatsapp

График работы

График работы играет ключевую роль для чекбоксов "Отключить виджет в нерабочее время" и "Не перезванивать клиентам автоматически при заказе в нерабочее время":

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

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

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

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

Внешний вид

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

Настройки кнопки

  1. Размер кнопки: доступен выбор большой, средней и маленькой кнопки виджета:

  1. Текст на кнопке

Вместо иконки телефона можно установить любой необходимый текст:

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

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

  1. Анимация кнопки поможет украсить ваш сайт и сделать его более живым.

Как выглядит каждая из анимации для кнопки:

Настройки виджета

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

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

  1. Заголовок

  1. Подзаголовок:

Данное поле является необязательным.

  1. Текст виджета после запуска таймера:

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

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

  1. Текст на кнопке:

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

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

Виджет Генератор клиентов

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

Настройка

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

  1. Название виджета;

  2. Домен сайта, где вы разместите виджет: это может быть как сайт, спроектированный на Salebot, так и на сервисе Тильда, а также на свой собственный.

Далее существуют чекбоксы, которые помогут направить колбеки в систему после отправления заявки клиентом, а также отображения логотипа.

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

При отметке обязательно - форма отправки клиентом не направится к вам на сайт, пока клиент не заполнит необходимое поле.

Условия срабатывания

Временной интервал

Можно установить тайминг показа виджета на сайте. Для этого воспользуйтесь функцией "Когда показывать виджет":

  1. Сразу Данная настройка отобразит виджет в момент перехода пользователя на сайт.

  2. Спустя время

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

Устанавливается временной интервал в секундах, где минимальное значение - 1 секунда, а максимальное - 15 секунд.

  1. После прокрутки

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

Минимальное значение временного интервала - 1 секунда; максимальное - 15.

Внешний вид

В настройках внешнего вида есть функция прогрузки изображения:

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

Далее расположите изображение, выровняв его относительно верхнего, левого и правого края:

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

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

Графические настройки:

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

В вашем распоряжении огромная цветовая палитра!

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

Встраиваем виджет на сайт

После того, как вам были установлены все настройки и отредактирован внешний вид виджета по своему уникальному дизайну, нажмите на кнопку "Добавить виджет" внизу экрана:

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

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

Скопируйте скрипт и перейдите в настройки сайта, домен которого указали в настройках виджета:

После чего вставьте скрипт в HTML-код head:

Чтобы встроить виджет на сайт тильды, также скопируйте скрипт виджета с помощью кнопки "Встроить код на сайт", после чего устанавливаете его на сайт.

Готово! На этом настройка виджета и его установка на сайт завершена!

Коллбеки

Какие коллбеки существуют:

  1. widget_callback_later widget_id: 1 at 23.04.2024 18:00 - это отложенный звонок, где widget_callback_later - тело колбека; widget_id: 1 at 23.04.2024 18:00 - ID виджета, а также дата и время, когда необходимо осуществить звонок клиенту

  2. widget_callback_need_call widget_id: 1 at 23.04.2024 18:00 - клиенту необходим звонок, где widget_callback_need_call - тело колбека; widget_id: 1 at 23.04.2024 18:00 - ID виджета, а также дата и время, когда необходимо осуществить звонок клиенту

  3. widget_callback_now widget_id: 1 - колбек о необходимости звонка клиенту в данное время, где widget_callback_now - тело колбека; widget_id: 1 - ID виджета;

  4. widget_callback_need_call - колбек о необходимости звонка. Приходит, если включена настройка:

  1. widget_callback_now - колбек текущий звонок.

Last updated