Hur du lägger till Asyntai AI-chattbot i HubSpot

Steg-för-steg-guide för HubSpot CMS-webbplatser

Plattform:

Steg 1: Hämta din inbäddningskod

Gå först till din Asyntai-instrumentpanel och scrolla ner till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod som ser ut så här:

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

Obs! Koden ovan är bara ett exempel. Du måste kopiera din egen unika inbäddningskod från din instrumentpanel eftersom den innehåller ditt personliga widget-ID.

Steg 2: Använda webbplatsinställningar (rekommenderas)

Det enklaste sättet att lägga till chattboten på alla sidor på din HubSpot-webbplats:

Logga in på ditt HubSpot-konto
Klicka på inställningsikonen (kugghjul) i huvudnavigeringsfältet
In the left sidebar, navigate to Website > Pages
Scrolla ner till avsnittet "Site footer HTML"
Klistra in din Asyntai-inbäddningskod i textområdet
Klicka på "Save" längst ner på sidan

Tips: Att lägga till skriptet i webbplatsens sidfot-HTML säkerställer att det laddas på alla sidor efter huvudinnehållet, vilket är den rekommenderade placeringen för chattwidgetar.

Alternativ: Sidspecifik installation

Om du bara vill ha chattboten på specifika sidor:

Gå till Marknadsföring > Webbplats > Webbsidor (eller Landningssidor)
Klicka på den sida du vill redigera
I sidredigeraren, klicka på Inställningar längst upp
Scrolla ner till "Advanced options"
Hitta avsnittet \"Sidfots-HTML\"
Klistra in din Asyntai-inbäddningskod
Klicka på "Apply changes" och publicera din sida

Obs! Sidspecifik kod laddas bara på den aktuella sidan. Använd den här metoden om du vill ha chattboten på utvalda sidor snarare än på hela webbplatsen.

Alternativ: Använda Design Manager

För mer kontroll kan du lägga till en JavaScript-fil via designhanteraren:

Go to Marketing > Files and Templates > Design Tools
I det vänstra sidofältet, klicka på Fil > Ny fil
Välj "JavaScript" från rullgardinsmenyn
Namnge din fil (t.ex. asyntai-chatbot.js)
Lägg till följande 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); })();
Ersätt YOUR_WIDGET_ID med ditt faktiska widget-ID
Klicka på "Publish changes"
Inkludera den här filen i din mall med require_js eller länka den i dina webbplatsinställningar

Alternativ: Använda anpassade moduler

Skapa en återanvändbar modul för chattboten:

Go to Marketing > Files and Templates > Design Tools
Klicka på Fil > Ny fil > Modul
Namnge den "Asyntai Chatbot"
I filen module.html, klistra in din inbäddningskod
Publicera modulen
Lägg till modulen i mallens sidfotavsnitt eller dra den till enskilda sidor

Tips: Att använda en anpassad modul gör det enkelt att lägga till eller ta bort chatboten från specifika mallar eller sidor via dra-och-släpp-redigeraren.

Steg 3: Verifiera installationen

Efter att du har sparat dina ändringar, besök din HubSpot-webbplats i en ny webbläsarflik eller ett inkognitofönster. Du bör se widgetknappen för chatten i det nedre högra hörnet. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.

Ser du inte widgeten? Se till att du klickade på "Save" eller "Publish" efter att du lagt till koden. HubSpot cachar sidor, så försök visa din webbplats i ett inkognitofönster eller rensa webbläsarens cache. Om du la till koden på en specifik sida, se till att den sidan är publicerad.

HubSpot CMS Hub krävs: Att lägga till anpassad JavaScript kräver HubSpot CMS Hub (Starter, Professional eller Enterprise). Om du använder de gratis HubSpot CMS-verktygen kan du ha begränsade alternativ för att lägga till anpassade skript.