Добавянето на чатбот от ChatLab към Вашия уебсайт в Webflow позволява на посетителите да си взаимодействат с Вашия AI асистент директно на сайта. Това ръководство описва стъпките за вземане на кода за вграждане от ChatLab и поставянето му в Webflow.
Стъпка 1 - Копирайте кода за вграждане от ChatLab
- Влезте в ChatLab и изберете чатбота, който искате да вградите
- Кликнете върху раздела Deploy (Внедряване), след което изберете Webflow от панела с платформи вдясно
- Изберете между Widget (изскачащ прозорец за чат, който се отваря от икона за чат) или Iframe (постоянно видим чат, вграден в страницата). Вижте Каква е разликата между widget и Iframe? за сравнение
- Кликнете върху Copy to clipboard (Копиране в клипборда)
Стъпка 2 - Добавете кода в Webflow
Добавянето на кода в Site Settings (Настройки на сайта) поставя чатбота на всяка страница от Вашия уебсайт в Webflow.
- Отворете проекта си в контролния панел на Webflow
- Отидете на Site Settings > Custom Code (Персонализиран код)
- Поставете копирания код в секцията Head Code (Код в Head)
- Кликнете върху Save Changes (Запазване на промените)
- Направете Publish (Публикуване) на сайта си, за да влязат промените в сила
Добавяне само към единична страница
Ако искате чатботът да се показва на конкретна страница, а не на целия сайт:
- Отворете страницата в Webflow Designer
- Кликнете върху иконата със зъбно колело, за да отворите Page Settings (Настройки на страницата)
- Превъртете надолу до секцията Custom Code
- Поставете кода в полето Head Code
- Запазете и публикувайте сайта си
Проверка на инсталацията
След публикуването отворете Вашия уебсайт в Webflow в браузър. Трябва да видите иконата за чат да се появява в ъгъла на страницата (за режим widget) или прозореца на чата, вграден на страницата (за режим iframe). Кликнете върху иконата, за да отворите чата, и изпратете тестово съобщение, за да се уверите, че всичко работи правилно.