Как да добавите AI чатбот на Asyntai в Weebly

Ръководство стъпка по стъпка за уебсайтове на Weebly

Платформа:

Стъпка 1: Вземете вашия код за вграждане

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Забележка: Кодът по-горе е само пример. Трябва да копирате собствения си уникален код за вграждане от вашето Табло за управление, тъй като съдържа вашия личен ID на уиджета.

Стъпка 2: Изберете метод за инсталация

Има няколко начина да добавите чат джаджата към вашия Weebly сайт. Изберете метода, който работи най-добре за вас:

Метод 1: Код в долния колонтитул за целия сайт (Препоръчително)

Този метод добавя чатбота автоматично на всяка страница на вашия Weebly сайт.

Влезте във вашия Weebly акаунт и отворете редактора на сайта
Кликнете върху Settings в горното меню
Изберете SEO от лявата странична лента
Превъртете надолу, за да намерите секцията Footer Code
Поставете вашия Asyntai код за вграждане в полето Footer Code
Кликнете Save
Натиснете Publish, за да направите промените активни

Защо Footer Code? Добавянето на скрипта в долния колонтитул гарантира, че се зарежда след съдържанието на страницата, което е оптимално за производителността и няма да забави вашия сайт.

Метод 2: Инсталация на една страница

Ако искате чатбота само на конкретни страници, използвайте този метод за всяка страница:

В редактора на Weebly кликнете върху Pages в горното меню
Изберете страницата, на която искате да добавите чатбота
Кликнете върху SEO Settings (или Advanced Settings) за тази страница
Намерете секцията Footer Code
Поставете вашия Asyntai код за вграждане
Кликнете Save
Повторете за всички други страници, на които искате чатбота
Натиснете Publish, за да направите промените активни

Забележка: Кодът на ниво страница засяга само конкретната страница. Ако искате чатбота на няколко страници, методът за целия сайт е по-ефективен.

Метод 3: Използване на елемент за вграждане на код

Можете също да използвате елемента Embed Code на Weebly, въпреки че методът с долния колонтитул е предпочитан за чат джаджи:

В редактора на Weebly отидете на раздела Build
Намерете елемента Embed Code под секцията Basic
Плъзнете елемента Embed Code на страницата си (за предпочитане близо до дъното)
Кликнете върху елемента и изберете Edit Custom HTML
Поставете вашия Asyntai код за вграждане
Кликнете извън елемента, за да запазите
Натиснете Publish, за да направите промените активни

Важно: Елементът Embed Code няма да покаже предварителен изглед в редактора. Ще трябва да публикувате сайта, за да видите чатбота в действие.

Стъпка 3: Проверка на инсталацията

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

Не виждате уиджета? Weebly не показва предварителен изглед за код, добавен в секциите за горен/долен колонтитул. Уверете се, че сте кликнали "Publish", за да направите промените живи. Опитайте да изчистите кеша на браузъра или да прегледате в инкогнито режим.

Бележка за Weebly Square Online

Ако използвате Square Online (платформата за електронна търговия на Weebly), стъпките са подобни:

Отидете на таблото за управление на Square Online
Навигирайте до Website > Site Settings
Потърсете Advanced Settings или Custom Code
Добавете вашия Asyntai код за вграждане в секцията за долния колонтитул
Запазете и публикувайте вашите промени

Документация