Slik legger du til Asyntai AI-chatbot på HubSpot

Trinn-for-trinn-guide for HubSpot CMS-nettsteder

Plattform:

Trinn 1: Hent innbyggingskoden din

Gå først til Asyntai-dashbordet ditt og bla ned til «Innbyggingskode»-seksjonen. Kopier din unike innbyggingskode som vil se slik ut:

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

Merk: Koden ovenfor er bare et eksempel. Du må kopiere din egen unike innbyggingskode fra Dashbordet ditt, da den inneholder din personlige widget-ID.

Trinn 2: Bruk nettstedsinnstillinger (anbefalt)

Den enkleste måten å legge til chatboten på alle sider på HubSpot-nettstedet ditt:

Logg inn på HubSpot-kontoen din
Klikk på innstillingsikonet (tannhjul) i hovednavigasjonslinjen
I venstre sidefelt, naviger til Nettsted > Sider
Bla ned til seksjonen «Site footer HTML»
Lim inn Asyntai-innbyggingskoden i tekstområdet
Klikk på «Save» nederst på siden

Tips: Å legge til skriptet i Site footer HTML sikrer at det lastes inn på alle sider etter hovedinnholdet, noe som er anbefalt plassering for chat-widgeter.

Alternativ: Sidespesifikk installasjon

Hvis du bare vil ha chatboten på bestemte sider:

Gå til Markedsføring > Nettsted > Nettsider (eller Landingssider)
Klikk på siden du vil redigere
I sideredigereren klikker du Innstillinger øverst
Bla ned til «Advanced options»
Finn seksjonen «Footer HTML»
Lim inn Asyntai-innbyggingskoden din
Klikk på «Apply changes» og publiser siden din

Merk: Sidespesifikk kode lastes bare inn på den aktuelle siden. Bruk denne metoden hvis du vil ha chatboten på utvalgte sider i stedet for hele nettstedet.

Alternativ: Bruk av Design Manager

For mer kontroll kan du legge til en JavaScript-fil via Design Manager:

Gå til Markedsføring > Filer og maler > Designverktøy
I venstre sidefelt klikker du Fil > Ny fil
Velg «JavaScript» fra nedtrekkslisten
Gi filen et navn (f.eks. asyntai-chatbot.js)
Legg til følgende kode:
(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); })();
Erstatt YOUR_WIDGET_ID med din faktiske widget-ID
Klikk på «Publish changes»
Inkluder denne filen i malen din ved hjelp av require_js eller lenk den i nettstedsinnstillingene

Alternativ: Bruk av egendefinerte moduler

Opprett en gjenbrukbar modul for chatboten:

Gå til Markedsføring > Filer og maler > Designverktøy
Klikk Fil > Ny fil > Modul
Gi den navnet «Asyntai Chatbot»
I module.html-filen limer du inn innbyggingskoden
Publiser modulen
Legg til modulen i malens bunntekstseksjon, eller dra den til individuelle sider

Tips: Bruk av en egendefinert modul lar deg enkelt legge til eller fjerne chatboten fra bestemte maler eller sider gjennom dra-og-slipp-redigereren.

Trinn 3: Bekreft installasjonen

Etter at du har lagret endringene, besøk HubSpot-nettstedet ditt i en ny nettleserfane eller i et inkognitovindu. Du bør se chat-widget-knappen nederst til høyre. Klikk på den for å forsikre deg om at den åpnes og fungerer riktig.

Ser du ikke widgeten? Sørg for at du klikket «Save» eller «Publish» etter at du la til koden. HubSpot cacher sider, så prøv å vise nettstedet i et inkognitovindu eller tøm nettleserens hurtigbuffer. Hvis du la til koden på en bestemt side, sørg for at den siden er publisert.

HubSpot CMS Hub kreves: Å legge til egendefinert JavaScript krever HubSpot CMS Hub (Starter, Professional eller Enterprise). Hvis du bruker de gratis HubSpot CMS-verktøyene, kan du ha begrensede muligheter for å legge til egendefinerte skript.