Настройка виджета
Кратко
После создания виджета доступна детальная настройка: тип отображения, цветовая схема, обязательные поля формы, текст после отправки и другие параметры. Настройки влияют на внешний вид виджета на сайте и на набор данных, которые клиент должен заполнить.
Кто имеет доступ
| Роль | Просмотр | Редактирование |
|---|---|---|
| администратор | да | да |
| Руководитель | да | да |
| оператор | нет | нет |
| Сотрудник клиента | нет | нет |
Где найти
Настройки -- Интеграции -- Виджеты -- выберите виджет из списка -- откроется карточка с параметрами.
Как работает
Параметры виджета
Настройки разделены на несколько групп:
Основные параметры
| Параметр | Описание | Значения |
|---|---|---|
| Название | Внутреннее название виджета | Свободный текст |
| Тип | Способ отображения на сайте | FAB, Button, Inline |
| Домены | Разрешённые домены для работы виджета | Через запятую |
| Активен | Включён ли виджет | Да / Нет |
Тип отображения
FAB (Floating Action Button)
- Плавающая кнопка в правом нижнем углу экрана
- При нажатии открывается форма в модальном окне
- Остаётся видимой при прокрутке страницы
- Подходит для большинства сайтов
Button (Кнопка на странице)
- Кнопка, размещаемая в определённом месте на странице
- Разработчик сайта определяет расположение через HTML-контейнер
- При нажатии открывается форма
- Подходит для размещения на конкретных страницах
Inline (Встроенная форма)
- Форма отображается прямо на странице без модального окна
- Встраивается в HTML-контейнер с заданным ID
- Подходит для страниц "Контакты" или "Помощь"
- Не требует нажатия кнопки -- форма всегда видна
Внешний вид
| Параметр | Описание | По умолчанию |
|---|---|---|
| Цвет | Фоновый цвет кнопки и заголовка формы | #2196F3 (синий) |
| Подпись | Текст на кнопке или рядом | "Поддержка" |
Доступные варианты подписи:
- support -- "Поддержка"
- feedback -- "Обратная связь"
- consult -- "Консультация"
- request -- "Заявка"
- Произвольный текст (вводится вручную)
Обязательные поля формы
Настройка определяет, какие поля должен заполнить клиент при создании заявки через виджет:
| Поле | По умолчанию | Описание |
|---|---|---|
| обязательное | Электронная почта клиента | |
| Телефон | необязательное | Номер телефона |
| Описание | обязательное | Текст обращения |
| Тема | необязательное | Краткая тема (subject) |
| Категория | скрыто | Выбор из списка категорий |
| Приоритет | скрыто | Выбор приоритета |
| Имя | обязательное | Имя контактного лица |
Каждое поле может быть в одном из трёх состояний:
- Обязательное -- клиент не сможет отправить форму без заполнения
- Необязательное -- поле отображается, но можно оставить пустым
- Скрыто -- поле не отображается в форме
Сообщение после отправки
Текст, который клиент увидит после успешной отправки формы. По умолчанию:
"Ваше обращение успешно отправлено. Мы свяжемся с вами в ближайшее время."
Можно настроить произвольный текст с переменными:
- {ticket_id} -- номер созданной заявки
- {contact_name} -- имя клиента
Настройка
Редактирование параметров
- Откройте карточку виджета из списка
- Внесите изменения в нужные параметры
- Нажмите "Сохранить"
- Изменения вступают в силу немедленно (без переустановки кода на сайте)
Предпросмотр
В карточке виджета доступен предпросмотр, показывающий, как виджет будет выглядеть на сайте с текущими настройками. Предпросмотр обновляется в реальном времени при изменении параметров.
Смена типа виджета
Тип виджета можно изменить после создания. При смене типа:
- Код встраивания обновляется автоматически
- На сайте необходимо обновить код, если меняется с FAB на Inline (или наоборот)
- При смене FAB на Button или обратно код остаётся тем же
Рекомендации по настройке
- Для интернет-магазинов: FAB + обязательные email и описание + необязательный телефон
- Для B2B-сайтов: FAB или Button + обязательные email, телефон, описание + категория
- Для страницы "Контакты": Inline + все основные поля видимы
- Минимальная форма: только email и описание (для максимальной конверсии)
Частые вопросы
Изменения в настройках не отображаются на сайте.
Настройки применяются немедленно. Очистите кэш браузера (Ctrl+F5) для отображения изменений. Если используется CDN -- дождитесь обновления кэша.
Можно ли создать разные формы для разных страниц?
Да, создайте несколько виджетов с разными настройками и встройте соответствующий код на каждую страницу.
Как изменить цвет виджета под дизайн сайта?
В настройках виджета нажмите на поле "Цвет" и выберите нужный цвет через палитру или введите HEX-код вручную.
Можно ли добавить свои поля в форму?
В текущей версии набор полей фиксирован. Для дополнительных данных используйте поле "Описание" с инструкцией для клиента.
Как отключить виджет на определённой странице?
Удалите код встраивания с этой страницы или используйте JavaScript для условного отображения.
Связанные статьи
- Создание виджета -- первичное создание виджета
- Встраивание на сайт -- установка кода на сайт
- Создание заявки (клиент) -- процесс подачи заявки