Помощен център
Добавяне на чатбота към уебсайт

Каква е разликата между widget и iframe?

Последна актуализация:

ChatLab предлага два начина за добавяне на чатбот към Вашия уебсайт: като widget или като iframe. И двата варианта използват един и същ чатбот с едни и същи данни за обучение и настройки, но се различават по начина, по който чатботът се визуализира на Вашата страница.

Widget

Уиджетът добавя икона за чат на фиксирана позиция на Вашата страница (по подразбиране долу вдясно). Посетителите кликват върху иконата, за да отворят изскачащ прозорец (popup) за чат. Прозорецът на чата може да бъде затворен обратно до икона по всяко време.

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

  • Появява се като икона за стартиране (launcher icon) в ъгъла на екрана
  • Отваря се като изскачащ прозорец, когато посетителите кликнат върху иконата
  • Остава наличен на всички страници, където е инсталиран кодът
  • Поддържа персонализиране на позицията на иконата, поведението при автоматично отваряне, балончетата с приветствено съобщение и минимизирания режим на показване (Settings > Appearance (Настройки > Външен вид))

Раздел Widget, избран в Deploy

Iframe

Iframe вгражда чатбота директно в съдържанието на Вашата страница. Прозорецът на чата е винаги видим и може да бъде заобиколен от други елементи на страницата.

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

  • Винаги видим на страницата, без да е необходимо да кликвате върху икона
  • Вграден в структурата на страницата редом с друго съдържание
  • Възможност за промяна на размера - можете да зададете атрибутите width и height в кода за вграждане (embed), за да пасне на Вашето оформление
  • Най-подходящ за специализирани страници, където чатботът е централен елемент, като страница за поддръжка или целева страница (landing page)

Избран раздел Iframe в менюто за внедряване (Deploy)

Къде да изберете widget или iframe

  1. Изберете Вашия чатбот от таблото за управление (dashboard)
  2. Кликнете върху раздела Deploy (Внедряване)
  3. Изберете HTML Code, след което изберете раздела Widget или Iframe, за да видите съответния код за вграждане (embed)
  4. Кликнете върху Copy to clipboard (Копиране в клипборда). Поставете кода за Widget в заглавната част (header) на уебсайта или в полето за скриптове на Вашата платформа; поставете кода за Iframe в тялото на страницата (body) точно там, където трябва да се показва чатът.
  5. Публикувайте страницата, отворете я на настолен компютър и на мобилно устройство и изпратете тестово съобщение.

Изпробване на двата режима

Можете да прегледате и двата режима, без да вграждате какъвто и да е код. В раздела Overview (Общ преглед) намерете реда Try out & share (Изпробване и споделяне) и кликнете върху някоя от връзките:

  • As always-open frame (Като постоянно отворена рамка) - отваря чатбота в режим iframe
  • As openable widget (Като отварящ се уиджет) - отваря чатбота в режим widget с иконата за стартиране

Всеки ред разполага и с връзка QR Code, която отваря код за сканиране за същия URL адрес, така че да можете да тествате чатбота на телефона си, като го сканирате с камерата.

Връзки Try out & share в раздела Overview|width=34

За повече информация относно споделянето на тези връзки за преглед вижте Sending a link to your chatbot (Изпращане на връзка към Вашия чатбот).

Кой вариант да избера?

  • Изберете widget, ако искате чатботът да бъде наличен на всяка страница, без да заема място на екрана. Посетителите могат да отварят чата, когато имат нужда от помощ, и да го затварят, когато приключат.
  • Изберете iframe, ако искате чатботът да бъде видима част от оформлението на конкретна страница - например помощен център, страница за контакти или продуктова страница, където чатботът е винаги готов за взаимодействие.

Свързани статии