Конструктор віджетів
Конструктор віджетів генерує самодостатні HTML-компоненти — форми зв'язку, форми відгуків, таблиці цін — що з'являються прямо у вікні чату, коли їх викликає AI або відкриває відвідувач із меню віджета.
Віджет із конструктора збирає дані (зберігаються на вкладці Заявки). Він не звертається до служб доставки чи каталогів товарів — це робиться через Інтеграції, які повертають результати у вигляді тексту в чаті або каруселі товарів.
Відкрийте конструктор
Перейдіть на вкладку Можливості та переключіться на під-вкладку AI-Конструктор (також доступну через швидке посилання AI-Конструктор у бічній панелі). Натисніть Новий віджет.
Швидкі шаблони
Угорі доступні два стартові шаблони:
| Шаблон | Що генерує |
|---|---|
| Форма зв'язку | Поля імені, email, повідомлення та кнопка «Надіслати» |
| Таблиця цін | Відображення трьох тарифів із перемикачем місяць/рік |
Натисніть на шаблон, щоб згенерувати його одразу, або пропустіть їх і опишіть власний нижче.
Власний запит
Введіть опис потрібного віджета в поле запиту. Будьте настільки конкретними, наскільки бажаєте:
Форма відгуку з оцінкою від 1 до 5 зірок, текстовим полем коментаря
та кнопкою «Надіслати відгук». Темний фон з помаранчевими акцентами.
AI згенерує віджет і покаже живий перегляд усередині макета чату, щоб ви точно бачили, як він виглядатиме для відвідувача.
Ітерації та доопрацювання
Після генерації під переглядом з'являється поле «Попросіть про зміни…». Опишіть, що хочете змінити:
Зроби кнопки заокругленими та збільш розмір шрифту цін.
Додай примітку під таблицею цін: «Усі ціни без ПДВ».
Кожна ітерація — це нова генерація AI, яка оновлює перегляд.
Збережіть віджет
Коли все влаштовує, введіть:
- Назва віджета — внутрішній підпис (напр. «Таблиця цін — основна»).
- Умова тригера — умова простою мовою, коли AI має показувати цей віджет.
- Показувати в меню віджета — за бажанням додайте віджет у меню-запуск ＋, щоб відвідувачі могли відкрити його на вимогу (незалежно від AI-тригера).
Показуй таблицю цін, коли відвідувач запитує про тарифи, ціни чи що входить.
Віджет може запускатися AI, бути в меню, поєднувати обидва або жодне — але щоб відображатися, він має бути увімкненим. Натисніть Зберегти; віджет з'явиться в огляді Можливостей як картка з мініатюрою.
Керування віджетами
В огляді Можливостей можна:
- Вмикати/вимикати віджет.
- Редагувати — повторно відкриває конструктор з наявним HTML для доопрацювання.
- Видалити — остаточно видаляє віджет.
Як віджети з'являються в чаті
Коли AI виявляє відповідність тригеру (або відвідувач відкриває віджет із меню ＋), він відображається як повідомлення бота. Віджет працює в ізольованому <iframe>, тож не впливає на вашу сторінку, і змінює розмір під свій вміст.
Якщо у віджеті є форма, відвідувач надсилає її прямо з чату. Після надсилання форма замінюється нейтральним підтвердженням «Надіслано», а дані зберігаються на вашій вкладці Заявки.
Поради
- Тримайте віджети сфокусованими на одній дії — таблиця цін, що ще містить форму зв'язку та карусель товарів, перевантажує.
- Робіть умови тригерів конкретними, щоб віджет не з'являвся в недоречних розмовах.
- Згенеровані віджети використовують лише вбудований CSS та чистий JavaScript — без зовнішніх бібліотек чи мережевих запитів.
- Ендпоінт рендеру примусово робить віджет на всю ширину, тож він підлаштовується під заданий розмір віджета. Якщо макет усе одно виглядає не так, попросіть: «Зроби обгортку width:100%, щоб вона заповнювала контейнер».