Как да добавите AI чатбот на Asyntai в Wix
Ръководство стъпка по стъпка за уебсайтове на Wix
Стъпка 1: Вземете вашия код за вграждане
Първо, отидете във вашето табло на Asyntai и превъртете надолу до секцията „Embed Code“. Копирайте вашия уникален код за вграждане, който ще изглежда така:
<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: Добавете кода чрез Custom Code (Препоръчително)
Custom Code добавя чатбота на всички страници наведнъж. Wix го предлага за сайтове, които са публикувани и имат свързан домейн, за което е нужен план Premium:
- Влезте в своя Wix акаунт и отидете на таблото за управление на вашия сайт
- Щракнете върху Settings в лявата странична лента
- В секцията Development & integrations щракнете върху Custom Code
- Кликнете "+ Add Custom Code" горе вдясно
- Поставете вашия Asyntai код за вграждане в текстовото поле
- Въведете име за вашия код (напр. "Asyntai Chatbot")
- Под "Add Code to Pages" изберете "All pages"
- Под "Place Code in" изберете "Body - end"
- Кликнете "Apply", за да запазите
Съвет: Избирането на "Body - end" поставя скрипта точно преди затварящия таг </body>, което е препоръчителното местоположение за чат джаджи.
Алтернатива: Използване на елемент Embed HTML (безплатен план)
Без план Premium можете да добавите кода на страница чрез елемент Embed HTML. Wix показва този елемент като iframe, затова чат уиджетът остава в рамката на елемента и не се показва над страницата. Направете рамката достатъчно голяма за отворения прозорец на чата.
- Отворете вашия сайт в редактора на Wix
- Щракнете върху „Add Elements“ (бутона „+“) в лявата лента с инструменти
- Изберете „Embed Code“, след това „Popular Embeds“, след това „Embed HTML“
- Щракнете върху „Enter Code“ и поставете вашия Asyntai код за вграждане
- Кликнете "Apply"
- Плъзнете ъглите на елемента, за да стане достатъчно голям за отворения прозорец на чата
- Кликнете "Publish", за да запазите промените
Важно: При метода Embed HTML трябва да добавите елемента на всяка страница, на която искате да се показва чатботът. За да го добавите на всички страници наведнъж, използвайте метода Custom Code по-горе.
Стъпка 3: Проверка на инсталацията
След добавяне на кода публикувайте сайта и го посетете в нов раздел на браузъра или в инкогнито режим. Трябва да видите бутона на чат джаджата в долния десен ъгъл. Кликнете върху него, за да се уверите, че се отваря и работи правилно.
Не виждате уиджета? Уверете се, че сайтът е публикуван (не само запазен). Wix може да отнеме няколко минути за прилагане на промените в персонализирания код. Опитайте да изчистите кеша на браузъра или да прегледате в инкогнито режим.
Добавяне на AI лентата за търсене
AI лентата за търсене е отделно приспособление със собствен код. Добавете я заедно с чата или самостоятелно. Изисква план Standard или по-висок: при по-нисък лентата се показва, но не връща резултати.
Добавете атрибута data-replace към тага script и лентата ще замести тази, която темата ви вече има. Добавете го в Settings, Custom Code, на същото място като кода на чата. Wix предлага Custom Code само с план Premium и свързан домейн, така че ви е нужен такъв, за да инсталирате това.
<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>
Weebly