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

Кратко

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

Кто имеет доступ

РольПросмотрРедактирование
администратордада
Руководительдада
операторнетнет
Сотрудник клиентанетнет

Где найти

Настройки -- Интеграции -- Виджеты -- выберите виджет из списка -- откроется карточка с параметрами.

Как работает

Параметры виджета

Настройки разделены на несколько групп:

Основные параметры

ПараметрОписаниеЗначения
НазваниеВнутреннее название виджетаСвободный текст
ТипСпособ отображения на сайтеFAB, Button, Inline
ДоменыРазрешённые домены для работы виджетаЧерез запятую
АктивенВключён ли виджетДа / Нет

Тип отображения

FAB (Floating Action Button)

  • Плавающая кнопка в правом нижнем углу экрана
  • При нажатии открывается форма в модальном окне
  • Остаётся видимой при прокрутке страницы
  • Подходит для большинства сайтов

Button (Кнопка на странице)

  • Кнопка, размещаемая в определённом месте на странице
  • Разработчик сайта определяет расположение через HTML-контейнер
  • При нажатии открывается форма
  • Подходит для размещения на конкретных страницах

Inline (Встроенная форма)

  • Форма отображается прямо на странице без модального окна
  • Встраивается в HTML-контейнер с заданным ID
  • Подходит для страниц "Контакты" или "Помощь"
  • Не требует нажатия кнопки -- форма всегда видна

Внешний вид

ПараметрОписаниеПо умолчанию
ЦветФоновый цвет кнопки и заголовка формы#2196F3 (синий)
ПодписьТекст на кнопке или рядом"Поддержка"

Доступные варианты подписи:

  • support -- "Поддержка"
  • feedback -- "Обратная связь"
  • consult -- "Консультация"
  • request -- "Заявка"
  • Произвольный текст (вводится вручную)

Обязательные поля формы

Настройка определяет, какие поля должен заполнить клиент при создании заявки через виджет:

ПолеПо умолчаниюОписание
EmailобязательноеЭлектронная почта клиента
ТелефоннеобязательноеНомер телефона
ОписаниеобязательноеТекст обращения
ТеманеобязательноеКраткая тема (subject)
КатегорияскрытоВыбор из списка категорий
ПриоритетскрытоВыбор приоритета
ИмяобязательноеИмя контактного лица

Каждое поле может быть в одном из трёх состояний:

  • Обязательное -- клиент не сможет отправить форму без заполнения
  • Необязательное -- поле отображается, но можно оставить пустым
  • Скрыто -- поле не отображается в форме

Сообщение после отправки

Текст, который клиент увидит после успешной отправки формы. По умолчанию:

"Ваше обращение успешно отправлено. Мы свяжемся с вами в ближайшее время."

Можно настроить произвольный текст с переменными:

  • {ticket_id} -- номер созданной заявки
  • {contact_name} -- имя клиента

Настройка

Редактирование параметров

  • Откройте карточку виджета из списка
  • Внесите изменения в нужные параметры
  • Нажмите "Сохранить"
  • Изменения вступают в силу немедленно (без переустановки кода на сайте)

Предпросмотр

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

Смена типа виджета

Тип виджета можно изменить после создания. При смене типа:

  • Код встраивания обновляется автоматически
  • На сайте необходимо обновить код, если меняется с FAB на Inline (или наоборот)
  • При смене FAB на Button или обратно код остаётся тем же

Рекомендации по настройке

  • Для интернет-магазинов: FAB + обязательные email и описание + необязательный телефон
  • Для B2B-сайтов: FAB или Button + обязательные email, телефон, описание + категория
  • Для страницы "Контакты": Inline + все основные поля видимы
  • Минимальная форма: только email и описание (для максимальной конверсии)

Частые вопросы

Изменения в настройках не отображаются на сайте.

Настройки применяются немедленно. Очистите кэш браузера (Ctrl+F5) для отображения изменений. Если используется CDN -- дождитесь обновления кэша.

Можно ли создать разные формы для разных страниц?

Да, создайте несколько виджетов с разными настройками и встройте соответствующий код на каждую страницу.

Как изменить цвет виджета под дизайн сайта?

В настройках виджета нажмите на поле "Цвет" и выберите нужный цвет через палитру или введите HEX-код вручную.

Можно ли добавить свои поля в форму?

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

Как отключить виджет на определённой странице?

Удалите код встраивания с этой страницы или используйте JavaScript для условного отображения.

Связанные статьи

Нужна поддержка, которая так и работает?

TehProf Support собирает обращения из WhatsApp, Telegram, почты и виджета в одну очередь, считает сроки по SLA и показывает, где служба проседает.