Ako pridat Asyntai AI chatbota do HubSpot

Návod krok za krokom pre webové stránky HubSpot CMS

Platforma:

Krok 1: Získajte svoj vkladací kód

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii „Vkladací kód“. Skopírujte svoj jedinečný vkladací kód, ktorý bude vyzerať takto:

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

Poznámka: Kód vyššie je len príklad. Musíte skopírovať svoj vlastný jedinečný vkladací kód zo svojho Dashboardu, pretože obsahuje vaše osobné 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í kód Asyntai do textovej oblasti
Kliknite na "Uložiť" v dolnej časti 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 konkrétnych stránkach:

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í kód 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.

Alternatíva: Použitie Správcu dizajnu

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

Prejdite na Marketing > Súbory a šablóny > Nástroje dizajnu
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); })();
Nahraďte YOUR_WIDGET_ID vaším skutočným 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:

Prejdite na Marketing > Súbory a šablóny > Nástroje dizajnu
Kliknite na Súbor > Novy súbor > Modul
Pomenujte ho "Asyntai Chatbot"
Do súboru module.html vložte svoj vkladací kód
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.

Nevidíte 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.