Виджеты

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

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

Настройки

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

Как подключить телефонию в 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. Текст на кнопке:

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

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

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

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

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

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

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

После чего вставьте скрипт в 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 - колбек текущий звонок.

PreviousПарсерNextТрансляции

Last updated