Добавянето на чатбот от ChatLab към Вашия WordPress уебсайт позволява на посетителите да взаимодействат директно с Вашия AI асистент на сайта Ви. Съществуват два метода за инсталиране: чрез WordPress плъгин (препоръчително) или чрез ръчно вграждане на код.
Преди да започнете
Създайте и обучете Вашия чатбот, преди да го споделите с клиентите си. За инсталирането ще Ви е необходимо и разрешение за редактиране и публикуване на уебсайта. Вижте Как да създадете първия си чатбот.
Стъпка 1 - Отворете раздела Deploy в ChatLab
- Влезте в профила си в ChatLab и изберете чатбота, който искате да вградите
- Кликнете върху раздела Deploy (Внедряване), след което изберете WordPress от панела с платформи вдясно
Панелът за WordPress показва два раздела: Plugin Installation (Инсталиране чрез плъгин) и Manual Installation (Ръчно инсталиране).
Метод 1: WordPress плъгин (препоръчително)
Методът с плъгин е най-лесният начин да добавите ChatLab към WordPress - не се изисква редактиране на код.
- Кликнете върху Get the plugin on WordPress.org (Вземете плъгина от WordPress.org), за да отворите страницата на плъгина в wordpress.org
- Инсталирайте и активирайте плъгина "ChatLab - AI Chatbot" от хранилището за плъгини на WordPress
- В административния панел на Вашия WordPress отворете ChatLab и кликнете върху Continue (Продължи). За магазин на WooCommerce оставете отметката на WooCommerce integration (Интеграция с WooCommerce), ако искате също търсене на продукти и проверка на поръчки.
- Влезте в профила си в ChatLab и изберете чатбота, който искате да се показва.
- Завършете процеса по свързване със съветника и се върнете в WordPress. Плъгинът инсталира уиджета автоматично.
- Отворете Вашия уебсайт в браузър, за да проверите дали иконата на чатбота се появява
Метод 2: Ръчно инсталиране
Ако предпочитате да вградите кода ръчно, кликнете върху раздела Manual Installation (Ръчно инсталиране).
- Инсталирайте и активирайте плъгин за код в хедъра, като например WPCode (предишно име: Insert Headers and Footers).
- За WPCode отворете Code Snippets > Header & Footer. Вижте инструкциите за хедър и футър на WPCode.
- В ChatLab изберете между Widget (чат прозорец, който се отваря при кликване върху икона за чат) или Iframe (постоянно видим чат, вграден в самата страница). За сравнение вижте Каква е разликата между уиджет и iframe?
- Кликнете върху Copy to clipboard (Копиране в клипборда), за да копирате кода
- За Widget поставете кода в полето Header и запазете. За Iframe го поставете в HTML блок за съдържание на страницата, където чатът трябва да се показва (като използвате потребителски профил/редактор с права за iframe HTML), след което обновете или публикувайте страницата. Не поставяйте iframe в хедъра.
- Презаредете уебсайта си, за да потвърдите, че чатботът се показва
Проверка на инсталацията
След като завършите някой от двата метода, отворете Вашия WordPress сайт в браузър. Трябва да видите иконата за чат в ъгъла на страницата (режим widget) или вградения прозорец за чат директно на страницата (режим iframe). Кликнете върху иконата, за да отворите чата, и изпратете тестово съобщение, за да се уверите, че всичко работи правилно.