Ako pridat Asyntai AI chatbota do HubSpot

Návod krok za krokom pre webove stránky HubSpot CMS

Platforma:

Krok 1: Ziskajte svoj vkladací kod

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii "Vkladaci kod". Skopirujte svoj jedinečný vkladací kod, ktory bude vyzerat takto:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Poznámka: Kod vyššie je len priklad. Musite skopirovat svoj vlastný jedinečný vkladací kod zo svojho Dashboardu, pretože obsahuje vase osobne ID widgetu.

Krok 2: Použitie nastavení stránky (odporúčané)

Najjednoduchší sposob pridania chatbota na všetky stránky vasej webovej stránky HubSpot:

Prihlaste sa do svojho uctu HubSpot
Kliknite na ikonu nastavení (ozubene koleso) v hlavnom navigacnom paneli
V lavom bocnom paneli prejdite na Webova stranka > Stránky
Prejdite nadol k sekcii "HTML paty stránky"
Vložíte svoj vkladací kod Asyntai do textovej oblasti
Kliknite na "Ulozit" v dolnej casti stránky

Tip: Pridanie skriptu do HTML paty stránky zabezpeci, ze sa nacita na všetkých strankach po hlavnom obsahu, co je odporúčané umiestnenie pre chatove widgety.

Alternativa: Inštalácia pre konkretnu stránku

Ak chcete chatbota len na konkretnch strankach:

Prejdite na Marketing > Webova stranka > Stránky webu (alebo Vstupne stránky)
Kliknite na stránku, ktoru chcete upravit
V editore stránky kliknite na Nastavenia v hornej casti
Prejdite nadol na "Pokročilé možnosti"
Najdite sekciu "HTML paty"
Vložíte svoj vkladací kod Asyntai
Kliknite na "Aplikovat zmeny" a publikujte svoju stránku

Poznámka: Kod pre konkretnu stránku sa nacita len na tej konkretnej stránke. Použite tuto metodu, ak chcete chatbota na vybranych strankach namiesto celej vasej stránky.

Alternativa: Použitie Spravcovi dizajnu

Pre väčšiu kontrolu môžete pridat JavaScript súbor cez Správcu dizajnu:

Go to Marketing > Files and Templates > Design Tools
V lavom bocnom paneli kliknite na Súbor > Novy súbor
Vyberte "JavaScript" z rozbalovacieho menu
Pomenujte svoj súbor (napr. asyntai-chatbot.js)
Pridajte nasledujuci kod:
(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); })();
Nahradte YOUR_WIDGET_ID vasim skutocnym ID widgetu
Kliknite na "Publikovat zmeny"
Zahrnte tento súbor do svojej šablóny pomocou require_js alebo ho prepojte vo vasich nastaveniach stránky

Alternativa: Použitie vlastných modulov

Vytvorte opakovane pouzitelny modul pre chatbota:

Go to Marketing > Files and Templates > Design Tools
Kliknite na Súbor > Novy súbor > Modul
Pomenujte ho "Asyntai Chatbot"
Do súboru module.html vložíte svoj vkladací kod
Publikujte modul
Pridajte modul do sekcie paty vasej šablóny alebo ho pretiahite na jednotlive stránky

Tip: Použitie vlastného modulu vam umoznuje jednoducho pridat alebo odstranit chatbota z konkretnych šablón alebo stránok cez editor s funkciou pretiahnutia.

Krok 3: Overenie inštalácie

Po uložení vasich zmien navštívte svoju webovú stránku HubSpot v novej karte prehliadača alebo v okne inkognito. Mali by ste vidiet tlačidlo chatoveho widgetu v pravom dolnom rohu. Kliknite nan, aby ste sa uistili, ze sa otvara a funguje správne.

Nevidite widget? Uistite sa, ze ste po pridani kodu klikli na "Ulozit" alebo "Publikovat". HubSpot uklada stránky do vyrovnávacej pamate, takze skuste zobrazit svoju stránku v okne inkognito alebo vyčistiť vyrovnávaciu pamat prehliadača. Ak ste pridali kod na konkretnu stránku, uistite sa, ze je ta stranka publikovana.

Vyžaduje sa HubSpot CMS Hub: Pridanie vlastného JavaScriptu vyžaduje HubSpot CMS Hub (Starter, Professional alebo Enterprise). Ak používate bezplatne nastroje HubSpot CMS, môžete mat obmedzene možnosti pridavania vlastných skriptov.