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

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

Платформа:

Стъпка 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: Използване на настройки на сайта (Препоръчително)

Най-лесният начин да добавите чатбота към всички страници на вашия HubSpot уебсайт:

Влезте в акаунта си в HubSpot
Кликнете върху иконата за настройки (зъбно колело) в основната навигационна лента
В лявата странична лента навигирайте до Website > Pages
Превъртете надолу до секцията "Site footer HTML"
Поставете вашия Asyntai код за вграждане в текстовото поле
Кликнете "Save" в долната част на страницата

Съвет: Добавянето на скрипта в Site footer HTML гарантира, че той се зарежда на всички страници след основното съдържание, което е препоръчителното позициониране за чат уиджети.

Алтернатива: Инсталация за конкретна страница

Ако искате чатбота само на конкретни страници:

Отидете на Marketing > Website > Website Pages (или Landing Pages)
Кликнете върху страницата, която искате да редактирате
В редактора на страницата кликнете Settings в горната част
Превъртете надолу до "Advanced options"
Намерете секцията "Footer HTML"
Поставете вашия Asyntai код за вграждане
Кликнете "Apply changes" и публикувайте страницата си

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

Алтернатива: Използване на Design Manager

За повече контрол можете да добавите JavaScript файл чрез Design Manager:

Отидете на Marketing > Files and Templates > Design Tools
В лявата странична лента кликнете File > New file
Изберете "JavaScript" от падащото меню
Наименувайте файла си (напр. asyntai-chatbot.js)
Добавете следния код:
(function() { var script = document.createElement('script'); script.async = true; script.src = 'https://asyntai.com/static/js/chat-widget.js'; script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID'); document.body.appendChild(script); })();
Заменете YOUR_WIDGET_ID с вашия действителен ID на уиджета
Кликнете "Publish changes"
Включете този файл в шаблона си, като използвате require_js, или го свържете в настройките на сайта

Алтернатива: Използване на персонализирани модули

Създайте модул за повторна употреба за чатбота:

Отидете на Marketing > Files and Templates > Design Tools
Кликнете File > New file > Module
Наименувайте го "Asyntai Chatbot"
Във файла module.html поставете вашия код за вграждане
Публикувайте модула
Добавете модула към секцията footer на вашия шаблон или го плъзнете върху отделни страници

Съвет: Използването на персонализиран модул ви позволява лесно да добавяте или премахвате чатбота от конкретни шаблони или страници чрез редактора с плъзгане и пускане.

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

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

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

Необходим е HubSpot CMS Hub: Добавянето на персонализиран JavaScript изисква HubSpot CMS Hub (Starter, Professional или Enterprise). Ако използвате безплатните CMS инструменти на HubSpot, може да имате ограничени опции за добавяне на персонализирани скриптове.