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

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

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

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

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

Създайте и обучете Вашия чатбот, преди да го споделите с клиентите си. За инсталирането ще Ви е необходимо и разрешение за редактиране и публикуване на уебсайта. Вижте Как да създадете първия си чатбот.

Стъпка 1 - Отворете раздела Deploy в ChatLab

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

Раздел Deploy с избран WordPress

Панелът за WordPress показва два раздела: Plugin Installation (Инсталиране чрез плъгин) и Manual Installation (Ръчно инсталиране).

Метод 1: WordPress плъгин (препоръчително)

Методът с плъгин е най-лесният начин да добавите ChatLab към WordPress - не се изисква редактиране на код.

  1. Кликнете върху Get the plugin on WordPress.org (Вземете плъгина от WordPress.org), за да отворите страницата на плъгина в wordpress.org

Маркиран бутон Get the plugin on WordPress.org

  1. Инсталирайте и активирайте плъгина "ChatLab - AI Chatbot" от хранилището за плъгини на WordPress
  2. В административния панел на Вашия WordPress отворете ChatLab и кликнете върху Continue (Продължи). За магазин на WooCommerce оставете отметката на WooCommerce integration (Интеграция с WooCommerce), ако искате също търсене на продукти и проверка на поръчки.
  3. Влезте в профила си в ChatLab и изберете чатбота, който искате да се показва.

Маркирани инструкции за свързване на WordPress плъгина

  1. Завършете процеса по свързване със съветника и се върнете в WordPress. Плъгинът инсталира уиджета автоматично.
  2. Отворете Вашия уебсайт в браузър, за да проверите дали иконата на чатбота се появява

Метод 2: Ръчно инсталиране

Ако предпочитате да вградите кода ръчно, кликнете върху раздела Manual Installation (Ръчно инсталиране).

Маркиран раздел Manual Installation

  1. Инсталирайте и активирайте плъгин за код в хедъра, като например WPCode (предишно име: Insert Headers and Footers).
  2. За WPCode отворете Code Snippets > Header & Footer. Вижте инструкциите за хедър и футър на WPCode.
  3. В ChatLab изберете между Widget (чат прозорец, който се отваря при кликване върху икона за чат) или Iframe (постоянно видим чат, вграден в самата страница). За сравнение вижте Каква е разликата между уиджет и iframe?
  4. Кликнете върху Copy to clipboard (Копиране в клипборда), за да копирате кода

Маркиран бутон Copy to clipboard

  1. За Widget поставете кода в полето Header и запазете. За Iframe го поставете в HTML блок за съдържание на страницата, където чатът трябва да се показва (като използвате потребителски профил/редактор с права за iframe HTML), след което обновете или публикувайте страницата. Не поставяйте iframe в хедъра.
  2. Презаредете уебсайта си, за да потвърдите, че чатботът се показва

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

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

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