Как да добавя ChatLab към моя уебсайт в Wix?

В ChatLab отидете в раздела Deploy (Внедряване), изберете Wix и копирайте кода. В Wix отидете в Settings > Custom Code (Настройки > Персонализиран код), кликнете върху "+ Add Custom Code" ("+ Добавяне на персонализиран код"), поставете кода, задайте разположението на Head и кликнете върху Apply (Приложи).

Къде мога да намеря настройките за Custom Code в Wix?

Във Вашето табло за управление на Wix отидете в Settings (Настройки), след което отворете "Custom Code" (Персонализиран код) под Development & integrations. Кликнете върху "+ Add Custom Code" ("+ Добавяне на персонализиран код"), за да добавите скрипта на Вашия чатбот.

Мога ли да добавя чатбота само към определени страници?

Да. Когато добавяте персонализирания код в Wix, можете да изберете да го добавите към всички страници, към конкретна страница или само към определени страници чрез опцията „Add Code to Pages“ (Добавяне на код към страници).

Как да добавите своя чатбот към уебсайт в Wix

Добавянето на чатбот от ChatLab към Вашия уебсайт в Wix позволява на посетителите да взаимодействат с Вашия AI асистент директно на сайта Ви. Това ръководство ще Ви преведе през стъпките за копиране на кода за вграждане (embed code) от ChatLab и поставянето му в Wix.

Преди да започнете

Преди да започнете, създайте своя чатбот и се уверете, че Вашият Wix сайт е публикуван със свързан домейн. Wix описва тези изисквания в Вграждане на персонализиран код във Вашия сайт (Embedding custom code on your site). Също така се нуждаете от разрешение за редактиране и публикуване на уебсайта.

Стъпка 1 - Копирайте кода за вграждане (embed) от ChatLab

Влезте в ChatLab и изберете чатбота, който искате да вградите
Кликнете върху раздела Deploy (Внедряване), след което изберете Wix от панела с платформи вдясно

Изберете Widget за стъпките с персонализиран код по-долу. За постоянно видим чат изберете Iframe и използвайте отделните инструкции за вграждане в страница по-долу. Вижте Каква е разликата между уиджет и Iframe? за сравнение
Кликнете върху Copy to clipboard (Копиране в клипборда)

Стъпка 2 - Добавете кода в Wix

В таблото за управление на Wix отидете на Settings (Настройки)
В секцията Development & integrations (Разработка и интеграции) кликнете върху Custom Code (Персонализиран код). При по-старите табла за управление на Wix това може да се намира в Advanced (Разширени настройки).
Кликнете върху + Add Custom Code (Добавяне на персонализиран код) в горния десен ъгъл
Поставете копирания код в текстовото поле
Въведете име за Вашия код (напр. "ChatLab")
В секцията Add Code to Pages (Добавяне на код към страници) изберете на кои страници да се показва чатботът - изберете All pages (Всички страници), за да се вижда навсякъде
В секцията Place Code in (Поставяне на кода в) изберете Head
Кликнете върху Apply (Приложи)

Добавяне на винаги видим iframe

В редактора на Wix (Wix Editor) добавете HTML iframe/embed елемент към страницата, поставете кода от ChatLab за Iframe и преоразмерете елемента така, че чатът да е удобен за ползване както на настолни компютри, така и на мобилни устройства. Публикувайте страницата. Кодът за iframe трябва да бъде поставен във видимата част на оформлението на страницата, а не в персонализирания код в Head. Вижте ръководството на Wix за видимо вградено съдържание.

Проверка на инсталацията

След като запазите промените, отворете Вашия сайт в Wix в браузър. Трябва да видите как иконата за чат се появява в ъгъла на страницата (за режим widget) или прозорецът за чат е вграден директно в страницата (за режим iframe). Кликнете върху иконата, за да отворите чата, и изпратете тестово съобщение, за да се уверите, че всичко работи нормално.