Дана сторінка містить інструкцію з підключення віджету на сайт.
Інструкція з підключення
Для підключення віджету на ваш вебсайт, виконайте такі кроки:
- Перейдіть Головне меню - Загальні налаштування.
- На необхідному боті натисніть на кнопку Налаштування боту.
- Відкрийте розділ Widget у налаштуваннях.
- Оновіть список дозволених доменів, шляхом додавання домену вашого вебсайту.
<aside>
❗
Зверніть увагу: Для підключення віджета, необхідно вказувати домени без символу “/” у кінці.
</aside>
- Далі, натисніть на кнопку Перейти у блоці Сторінка конфігурації віджету.
Кнопка Перейти
- Ви опинитесь у конструкторі віджету. Як працювати з конструктором віджету та налаштувати віджет? Робота з конструктором віджету
Зовнішній вигляд конструктору віджету
<aside>
❗
Зверніть увагу: Наступний крок переносить віджет на сайт і ви більше не зможете користуватись меню конструктора для його налаштування. Тільки після завершення кастомізації, виконуйте наступну дію.
</aside>
- У конструкторі віджету є “Код для вставки на сайт”. Скопіюйте його та вставте у HTML-розмітку на потрібну сторінку вашого сайту. Для кращої швидкодії віджета, його рекомендується вставляти ближче до тега, що закриває </body>.
<aside>
💡
Зверніть увагу:
- На одній сторінці сайту може бути лише один екземпляр віджету.
- Для коректного відображення віджета на мобільних пристроях, на сторінці де встановлюється віджет, всередині тега <head></head> має бути присутній тег meta Viewport
<meta *name*="viewport" *content*="width=device-width,initial-scale=1.0">
- Параметри функцій можна передати як JSON так і JS object. На початку відбувається спроба серіалізації JSON і якщо це не виходить, ми вважаємо, що переданий Object
</aside>
Віджет не працює
Помилка #1 (пов’язано з Content-Security-Policy)
Відкрийте консоль розробника (зазвичай на F12). Скоріше за все там наявна помилка типу Content-Security-Policy Haлаштування сторінки заблокували виконання скрипту (script src-elas)
Для запобігання блокування потрібно додати на веб-сайті в header content-security-policy посилання на скрипт типу https://widget-instance-name.kwizbot.io/kwjs.js.