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

Steg-för-steg-guide för Kentico 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 Dashboard eftersom den innehåller ditt personliga widget-ID.

Steg 2: Lägg till kod i huvudsidans mall (rekommenderas)

För att lägga till chattboten på alla sidor på din Kentico-webbplats på en gång, använd metoden Master Page Template:

Logga in på din Kentico Admin och navigera till applikationen Sidmallar
Hitta och öppna din mastersidmall (mallen som används på alla sidor)
Klicka på fliken Header i mallredigeraren
I rubrikavsnittet, klistra in din Asyntai-inbäddningskod
Alternativt, lägg till koden i mallens layout före den avslutande </head>-taggen
Klicka på Spara för att tillämpa ändringarna
Rensa din webbplats cache och verifiera ändringarna på den publicerade webbplatsen

Tips: Att använda Master Page Template säkerställer att chatboten visas på varje sida som ärver från denna mall. Detta är den mest effektiva metoden för distribution på hela webbplatsen i Kentico.

Alternativ metod 1: Sidmallens sidhuvud

Om du bara vill lägga till chattboten i specifika sidmallar:

Gå till applikationen Sidmallar i Kentico Admin
Välj den specifika sidmallen du vill redigera
Klicka på fliken Header
Lägg till din Asyntai-inbäddningskod med en script-tagg:

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

Klicka på Spara
Alla sidor som använder denna mall inkluderar nu chattboten

Obs! Den här metoden är användbar när du vill lägga till chattboten i specifika sektioner på din webbplats som delar samma sidmall, snarare än hela webbplatsen.

Alternativ metod 2: HEAD HTML Web Part

För mer detaljerad kontroll på specifika sidor eller för ärftligt JavaScript över undersidor:

Öppna sidan du vill redigera i Kentico-sidredigeraren
Lägg till en ny webbdel på sidan (helst på en överordnad sida för arv)
Sök efter och välj webbdelen HEAD HTML
I webbdelskonfigurationen, klistra in din Asyntai-inbäddningskod
Konfigurera webdelen som ärftlig om du vill att undersidor ska ha chattboten
Klicka på OK för att spara webdelen
Spara och publicera sidan

Tips: Webbdelen HEAD HTML är perfekt för att lägga till kod på en överordnad sida som automatiskt sprids till alla underordnade sidor och skapar en avsnittsövergripande installation.

Alternativ metod 3: Anpassade JavaScript-filer (avancerat)

För utvecklare som föredrar att hantera skript som filer:

I ditt Kentico-projekt, navigera till katalogen ~/CMSScripts/Custom/
Skapa en ny JavaScript-fil (t.ex. asyntai-widget.js)
Lägg till kod för att dynamiskt ladda din Asyntai-widget:

(function() {
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
})();

Referera till denna fil i din huvudsidmalls sidhuvud:

<script src="~/CMSScripts/Custom/asyntai-widget.js"></script>

Viktigt: Den här avancerade metoden kräver filsystemsåtkomst och kunskap om Kenticos katalogstruktur. Se till att du har rätt behörigheter och testa alltid i en stagingmiljö först.

Steg 3: Verifiera installationen

Efter att du har sparat dina ändringar och rensat cachen, öppna din 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 sparat alla ändringar och rensat Kenticos cache (Settings > System > Clear cache). Prova att visa din webbplats i ett inkognitofönster. Kontrollera webbläsarkonsolen (F12) för eventuella JavaScript-fel som kan förhindra att widgeten laddas.