Kako dodati Asyntai AI chatbot na HubSpot

Vodic korak po korak za HubSpot CMS web stranice

Platforma:

Korak 1: Nabavite svoj kod za ugradnju

Prvo idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Kod za ugradnju". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

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

Napomena: Gornji kod je samo primjer. Morate kopirati svoj vlastiti jedinstveni kod za ugradnju sa svoje Nadzorne ploče jer sadrži vaš osobni ID widgeta.

Korak 2: Koristenje postavki stranice (Preporuceno)

Najlaksi nacin za dodavanje chatbota na sve stranice vase HubSpot web stranice:

Prijavite se na svoj HubSpot racun
Kliknite ikonu postavki (zupcanik) u glavnoj navigacijskoj traci
U lijevoj bocnoj traci navigirajte do Website > Pages
Pomaknite se prema dolje do odjeljka "Site footer HTML"
Zalijepite svoj Asyntai ugradni kod u tekstualno podrucje
Kliknite "Save" na dnu stranice

Savjet: Dodavanje skripte u Site footer HTML osigurava ucitavanje na svim stranicama nakon glavnog sadrzaja, sto je preporuceni smjestaj za widgete za razgovor.

Alternativa: Instalacija na odredenu stranicu

Ako zelite chatbot samo na odredenim stranicama:

Idite na Marketing > Website > Website Pages (ili Landing Pages)
Kliknite na stranicu koju zelite urediti
U uredivace stranice kliknite Settings na vrhu
Pomaknite se prema dolje do "Advanced options"
Pronadite odjeljak "Footer HTML"
Zalijepite svoj Asyntai kod za ugradnju
Kliknite "Apply changes" i objavite stranicu

Napomena: Kod specifican za stranicu ce se ucitati samo na toj odredenoj stranici. Koristite ovu metodu ako zelite chatbot na odabranim stranicama umjesto na cijelom webu.

Alternativa: Koristenje Design Managera

Za vise kontrole mozete dodati JavaScript datoteku putem Design Managera:

Idite na Marketing > Files and Templates > Design Tools
U lijevoj bocnoj traci kliknite File > New file
Odaberite "JavaScript" iz padajuceg izbornika
Imenujte svoju datoteku (npr. asyntai-chatbot.js)
Dodajte sljedeci 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); })();
Zamijenite YOUR_WIDGET_ID svojim stvarnim ID-jem widgeta
Kliknite "Publish changes"
Ukljucite ovu datoteku u svoj predlozak koristeci require_js ili je povezite u postavkama stranice

Alternativa: Koristenje prilagodenih modula

Izradite visekratni modul za chatbot:

Idite na Marketing > Files and Templates > Design Tools
Kliknite File > New file > Module
Imenujte ga "Asyntai Chatbot"
U datoteku module.html zalijepite svoj ugradni kod
Objavite modul
Dodajte modul u odjeljak podnozja predloska ili ga povucite na pojedinacne stranice

Savjet: Koristenje prilagodenog modula omogucuje jednostavno dodavanje ili uklanjanje chatbota s odredenih predlozaka ili stranica putem uredivaca povuci-i-ispusti.

Korak 3: Provjerite instalaciju

Nakon spremanja promjena, posjetite svoju HubSpot web stranicu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb widgeta za razgovor u donjem desnom kutu. Kliknite ga kako biste provjerili otvara li se i radi li ispravno.

Ne vidite widget? Provjerite jeste li kliknuli "Save" ili "Publish" nakon dodavanja koda. HubSpot predmemorira stranice pa pokusajte pregledati stranicu u anonimnom prozoru ili ocistite predmemoriju preglednika. Ako ste dodali kod na odredenu stranicu, provjerite je li ta stranica objavljena.

Potreban je HubSpot CMS Hub: Dodavanje prilagodenog JavaScripta zahtijeva HubSpot CMS Hub (Starter, Professional ili Enterprise). Ako koristite besplatne HubSpot CMS alate, mozda imate ogranicene opcije za dodavanje prilagodenih skripti.