Центр допомоги
Додавання чатбота на сайт

Яка різниця між widget та iframe?

Останнє оновлення:

ChatLab пропонує два способи додати чатбота на ваш вебсайт: як widget або як iframe. В обох випадках використовується один і той самий чатбот з однаковими даними для навчання та налаштуваннями, але вони відрізняються тим, як чатбот відображається на вашій сторінці.

Widget

Widget додає іконку чату у фіксованому положенні на вашій сторінці (за замовчуванням унизу праворуч). Відвідувачі натискають на іконку, щоб відкрити спливаюче вікно чату. Вікно чату можна будь-якої миті згорнути назад в іконку.

Основні характеристики:

  • Відображається як іконка запуску в кутку екрана
  • Відкривається як спливаюче вікно, коли відвідувачі натискають на іконку
  • Залишається доступним на всіх сторінках, де встановлено код
  • Підтримує налаштування положення іконки, автоматичного відкриття, спливаючих підказок із привітальним повідомленням і мінімізованого режиму відображення (Settings > Appearance (Налаштування > Зовнішній вигляд))

Вкладка Widget, вибрана в Deploy

Iframe

Iframe вбудовує чатбота безпосередньо у вміст вашої сторінки. Вікно чату завжди видиме та може бути оточене іншими елементами на сторінці.

Основні характеристики:

  • Завжди видимий на сторінці без необхідності натискати на іконку
  • Вбудований у структуру сторінки поруч з іншим вмістом
  • Розмір можна налаштувати - ви можете вказати атрибути width і height у коді вбудовування відповідно до макета вашої сторінки
  • Найкраще підходить для окремих сторінок, де чатбот є центральним елементом, наприклад для сторінки підтримки або цільової сторінки

Вкладка Iframe, вибрана в Deploy

Де вибрати widget або iframe

  1. Виберіть свого чатбота на панелі керування
  2. Перейдіть на вкладку Deploy (Розгортання)
  3. Виберіть вкладку Widget (Віджет) або Iframe (Iframe), щоб побачити відповідний код для вбудовування
  4. Натисніть Copy to clipboard (Скопіювати в буфер обміну) і вставте код на свій вебсайт

Тестування обох режимів

Ви можете переглянути обидва режими без необхідності вбудовувати код. На вкладці Overview (Огляд) знайдіть рядок Try out & share (Спробувати та поділитися) і натисніть будь-яке з посилань:

  • As always-open frame (Як завжди відкритий фрейм) - відкриває чатбота в режимі iframe
  • As openable widget (Як віджет, що відкривається) - відкриває чатбота в режимі віджета з іконкою запуску

Кожен рядок також містить посилання QR Code (QR-код), яке відкриває код для сканування з тією самою URL-адресою, тож ви можете протестувати чатбота на телефоні, відсканувавши його камерою.

Посилання Try out & share на вкладці Overview

Докладніше про те, як ділитися цими посиланнями для попереднього перегляду, див. у розділі Надсилання посилання на вашого чатбота.

Що вибрати?

  • Виберіть widget, якщо ви хочете, щоб чатбот був доступний на кожній сторінці, не займаючи зайвого простору на екрані. Відвідувачі зможуть відкривати чат, коли їм знадобиться допомога, і закривати його, коли закінчать.
  • Виберіть iframe, якщо ви хочете, щоб чатбот був видимою частиною макета конкретної сторінки, наприклад довідкового центру, сторінки контактів або сторінки товару, де чатбот завжди готовий до взаємодії.