ChatLab пропонує два способи додати чатбота на ваш вебсайт: як widget (віджет) або як iframe. Обидва варіанти використовують одного й того самого чатбота з однаковими даними для навчання та налаштуваннями, але вони відрізняються тим, як чатбот відображається на вашій сторінці.
Widget
Віджет додає іконку чату у фіксовану позицію на вашій сторінці (за замовчуванням унизу праворуч). Відвідувачі натискають на іконку, щоб відкрити спливаюче вікно чату. Вікно чату можна в будь-який момент згорнути назад в іконку.
Основні характеристики:
- Відображається як іконка запуску в кутку екрана
- Відкривається як спливаюче вікно, коли відвідувачі натискають на іконку
- Залишається доступним на всіх сторінках, де встановлено код
- Підтримує кастомізацію розташування іконки, поведінки автоматичного відкриття, спливаючих підказок із привітальним повідомленням і згорнутого режиму відображення (Settings > Appearance (Налаштування > Зовнішній вигляд))
Iframe
Iframe вбудовує чатбота безпосередньо у вміст вашої сторінки. Вікно чату завжди видиме та може бути оточене іншими елементами на сторінці.
Основні характеристики:
- Завжди видимий на сторінці без необхідності натискати на іконку
- Вбудований у структуру сторінки поряд з іншим контентом
- Настроюваний розмір - ви можете встановити атрибути
widthтаheightу коді для вбудовування відповідно до вашого макета - Найкраще підходить для окремих цільових сторінок, де чатбот є центральним елементом, таких як сторінка підтримки або лендинг
Де вибрати widget або iframe
- Виберіть свого чатбота на панелі керування
- Перейдіть на вкладку Deploy (Розгортання)
- Виберіть HTML Code (HTML-код), потім виберіть вкладку Widget або Iframe, щоб переглянути відповідний код для вбудовування
- Натисніть Copy to clipboard (Скопіювати в буфер обміну). Додайте код віджета в заголовок сайту (header) або в розділ для скриптів вашої платформи; додайте код iframe у тіло сторінки (body) туди, де має з'явитися чат.
- Опублікуйте сторінку, відкрийте її на комп'ютері та мобільному пристрої й надішліть тестове повідомлення.
Тестування обох режимів
Ви можете попередньо переглянути обидва режими без вбудовування коду. На вкладці Overview (Огляд) знайдіть рядок Try out & share (Спробувати та поділитися) і натисніть будь-яке посилання:
- As always-open frame (Як завжди відкритий фрейм) - відкриває чатбота в режимі iframe
- As openable widget (Як віджет, що відкривається) - відкриває чатбота в режимі віджета з іконкою запуску
Кожен рядок також містить посилання QR Code (QR-код), яке відкриває код для сканування з тим самим URL, тому ви можете протестувати чатбота на своєму телефоні, просканувавши його камерою.
Докладніше про те, як ділитися цими посиланнями для попереднього перегляду, див. у статті Надсилання посилання на вашого чатбота.
Що вибрати?
- Вибирайте widget, якщо ви хочете, щоб чатбот був доступний на кожній сторінці, не займаючи зайвого місця на екрані. Відвідувачі зможуть відкрити чат, коли їм знадобиться допомога, і закрити його, коли закінчать.
- Вибирайте iframe, якщо ви хочете, щоб чатбот був видимою частиною макета конкретної сторінки, наприклад довідкового центру, сторінки контактів або сторінки товару, де чатбот завжди готовий до взаємодії.