Sådan tilføjer du Asyntai AI-chatbot til HubSpot

Trin-for-trin guide til HubSpot CMS-websteder

Platform:

Trin 1: Hent din indlejringskode

Gå først til dit Asyntai Dashboard og rul ned til sektionen "Indlejringskode". Kopiér din unikke indlejringskode, der vil se sådan ud:

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

Bemærk: Koden ovenfor er blot et eksempel. Du skal kopiere din egen unikke indlejringskode fra dit Dashboard, da den indeholder dit personlige widget-ID.

Trin 2: Brug af webstedsindstillinger (anbefalet)

Den nemmeste måde at tilføje chatbotten til alle sider på dit HubSpot-websted:

Log ind på din HubSpot-konto
Klik på indstillingsikonet (tandhjulet) i den primære navigationslinje
In the left sidebar, navigate to Website > Pages
Rul ned til sektionen "Webstedsfodens HTML"
Indsæt din Asyntai-indlejringskode i tekstområdet
Klik på "Gem" nederst på siden

Tip: At tilføje scriptet til webstedsfodens HTML sikrer, at det indlæses på alle sider efter det primære indhold, hvilket er den anbefalede placering for chat-widgets.

Alternativ: Sidespecifik installation

Hvis du kun ønsker chatbotten på specifikke sider:

Gå til Marketing > Websted > Webstedssider (eller Landingssider)
Klik på den side, du vil redigere
I sideeditoren skal du klikke på Indstillinger øverst
Rul ned til "Avancerede indstillinger"
Find sektionen "Foderens HTML"
Indsæt din Asyntai indlejringskode
Klik på "Anvend ændringer" og udgiv din side

Bemærk: Sidespecifik kode indlæses kun på den pågældende side. Brug denne metode, hvis du ønsker chatbotten på udvalgte sider frem for hele dit websted.

Alternativ: Brug af Design Manager

For mere kontrol kan du tilføje en JavaScript-fil via Design Manager:

Gå til Marketing > Filer og skabeloner > Designværktøjer
I den venstre sidebjælke skal du klikke på Fil > Ny fil
Vælg "JavaScript" fra rullemenuen
Navngiv din fil (f.eks. asyntai-chatbot.js)
Tilføj 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); })();
Erstat YOUR_WIDGET_ID med dit faktiske widget-ID
Klik på "Udgiv ændringer"
Inkluder denne fil i din skabelon ved hjælp af require_js eller link den i dine webstedsindstillinger

Alternativ: Brug af brugerdefinerede moduler

Opret et genanvendeligt modul til chatbotten:

Gå til Marketing > Filer og skabeloner > Designværktøjer
Klik på Fil > Ny fil > Modul
Navngiv det "Asyntai Chatbot"
I filen module.html skal du indsætte din indlejringskode
Udgiv modulet
Tilføj modulet til din skabelons fodersektion eller træk det til individuelle sider

Tip: Brug af et brugerdefineret modul giver dig mulighed for nemt at tilføje eller fjerne chatbotten fra specifikke skabeloner eller sider via træk-og-slip-editoren.

Trin 3: Verificér installationen

Besøg dit HubSpot-websted i en ny browserfane eller inkognitovindue efter at have gemt dine ændringer. Du bør se chat-widget-knappen i det nedre højre hjørne. Klik på den for at sikre, at den åbner og fungerer korrekt.

Ser du ikke widget'en? Sørg for, at du klikkede på "Gem" eller "Udgiv" efter at have tilføjet koden. HubSpot cachelagrer sider, så prøv at se dit websted i et inkognitovindue eller ryd din browsercache. Hvis du tilføjede koden til en specifik side, skal du sikre, at siden er udgivet.

HubSpot CMS Hub er påkrævet: Tilføjelse af brugerdefineret JavaScript kræver HubSpot CMS Hub (Starter, Professional eller Enterprise). Hvis du bruger de gratis HubSpot CMS-værktøjer, har du muligvis begrænsede muligheder for at tilføje brugerdefinerede scripts.