Asyntai AI -chatbotin lisääminen HubSpotiin

Vaiheittainen opas HubSpot CMS -verkkosivustoille

Alusta:

Vaihe 1: Hanki upotuskoodisi

Siirry ensin Asyntai-hallintapaneeliin ja vieritä alas "Upotuskoodi"-osioon. Kopioi yksilöllinen upotuskoodisi, joka näyttää tältä:

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

Huomautus: Yllä oleva koodi on vain esimerkki. Sinun on kopioitava oma yksilöllinen upotuskoodisi Hallintapaneelistasi, sillä se sisältää henkilökohtaisen widget-tunnuksesi.

Vaihe 2: Sivuston asetusten käyttö (suositeltu)

Helpoin tapa lisätä chatbot kaikille HubSpot-verkkosivustosi sivuille:

Kirjaudu HubSpot-tilillesi
Napsauta asetuskuvaketta (hammasratas) päänavigointipalkissa
Siirry vasemmassa sivupalkissa kohtaan Website > Pages
Vieritä alaspäin "Site footer HTML" -osioon
Liitä Asyntai-upotuskoodisi tekstialueelle
Napsauta "Tallenna" sivun alaosassa

Vinkki: Skriptin lisääminen Site footer HTML -osioon varmistaa, että se latautuu kaikille sivuille pääsisällön jälkeen, mikä on suositeltu sijoituspaikka chat-widgeteille.

Vaihtoehto: Sivukohtainen asennus

Jos haluat chatbotin vain tietyille sivuille:

Siirry kohtaan Marketing > Website > Website Pages (tai Landing Pages)
Napsauta sivua, jota haluat muokata
Napsauta sivueditorissa Settings yläreunassa
Vieritä alaspäin kohtaan "Lisäasetukset"
Etsi "Footer HTML" -osio
Liitä Asyntai-upotuskoodisi
Napsauta "Ota muutokset käyttöön" ja julkaise sivusi

Huomautus: Sivukohtainen koodi latautuu vain kyseisellä sivulla. Käytä tätä menetelmää, jos haluat chatbotin vain valituille sivuille koko sivuston sijaan.

Vaihtoehto: Design Managerin käyttö

Tarkempaa hallintaa varten voit lisätä JavaScript-tiedoston Design Managerin kautta:

Go to Marketing > Files and Templates > Design Tools
Napsauta vasemmassa sivupalkissa File > New file
Valitse "JavaScript" pudotusvalikosta
Nimeä tiedostosi (esim. asyntai-chatbot.js)
Lisää seuraava koodi:
(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); })();
Korvaa YOUR_WIDGET_ID todellisella widget-tunnuksellasi
Napsauta "Julkaise muutokset"
Sisällytä tämä tiedosto templaattiisi käyttämällä require_js-funktiota tai linkitä se sivuston asetuksissa

Vaihtoehto: Mukautettujen moduulien käyttö

Luo uudelleenkäytettävä moduuli chatbotille:

Go to Marketing > Files and Templates > Design Tools
Napsauta File > New file > Module
Nimeä se "Asyntai Chatbot"
Liitä upotuskoodisi module.html-tiedostoon
Julkaise moduuli
Lisää moduuli templaattisi alatunnisteosioon tai vedä se yksittäisille sivuille

Vinkki: Mukautetun moduulin käyttö mahdollistaa chatbotin helpon lisäämisen tai poistamisen tietyistä templaateista tai sivuilta vedä ja pudota -editorin kautta.

Vaihe 3: Vahvista asennus

Tallenna muutokset ja avaa HubSpot-verkkosivustosi uudessa selainvälilehdessä tai incognito-ikkunassa. Chat-widget-painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.

Etkö näe widgetiä? Varmista, että napsautit "Save" tai "Publish" koodin lisäämisen jälkeen. HubSpot tallentaa sivut välimuistiin, joten kokeile tarkastella sivustoasi incognito-ikkunassa tai tyhjennä selaimen välimuisti. Jos lisäsit koodin tietylle sivulle, varmista, että sivu on julkaistu.

HubSpot CMS Hub vaaditaan: Mukautetun JavaScriptin lisääminen vaatii HubSpot CMS Hubin (Starter, Professional tai Enterprise). Jos käytät ilmaisia HubSpot CMS -työkaluja, mukautettujen skriptien lisäysvaihtoehdot saattavat olla rajalliset.