Slik legger du til Asyntai AI-chatbot på Kentico

Trinn-for-trinn-guide for Kentico 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: Legg til kode i hovedsidemal (anbefalt)

For å legge til chatboten på alle sider av Kentico-nettstedet ditt på én gang, bruk hovedsidemal-metoden:

Logg inn på Kentico Admin og naviger til Sidemaler-applikasjonen
Finn og åpne hovedsidemalen (malen som brukes på alle sider)
Klikk på fanen Topptekst i malredigereren
I topptekstseksjonen limer du inn Asyntai-innbyggingskoden
Alternativt kan du legge til koden i malens layout før den avsluttende </head>-taggen
Klikk Lagre for å bruke endringene
Tøm hurtigbufferen til nettstedet ditt og bekreft endringene på det aktive nettstedet

Tips: Bruk av hovedsidemalen sikrer at chatboten vises på hver side som arver fra denne malen. Dette er den mest effektive metoden for nettstedsomfattende distribusjon i Kentico.

Alternativ metode 1: Sidemal-topptekst

Hvis du bare vil legge til chatboten i bestemte sidemaler:

Gå til Sidemaler-applikasjonen i Kentico Admin
Velg den spesifikke sidemalen du vil redigere
Klikk på fanen Topptekst
Legg til Asyntai-innbyggingskoden med en skript-tagg:

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

Klikk Lagre
Alle sider som bruker denne malen vil nå inkludere chatboten

Merk: Denne metoden er nyttig når du vil legge til chatboten i bestemte seksjoner av nettstedet som deler samme sidemal, i stedet for hele nettstedet.

Alternativ metode 2: HEAD HTML-webdel

For mer detaljert kontroll på bestemte sider eller for arvbar JavaScript på undersider:

Åpne siden du vil redigere i Kentico-sideredigereren
Legg til en ny webdel på siden (helst på en overordnet side for arv)
Søk etter og velg webdelen HEAD HTML
I webdelkonfigurasjonen limer du inn Asyntai-innbyggingskoden
Konfigurer webdelen til å være arvbar hvis du vil at undersider skal ha chatboten
Klikk OK for å lagre webdelen
Lagre og publiser siden

Tips: HEAD HTML-webdelen er perfekt for å legge til kode på en overordnet side som automatisk spres til alle undersider, noe som skaper en seksjonsomfattende installasjon.

Alternativ metode 3: Egendefinerte JavaScript-filer (avansert)

For utviklere som foretrekker å administrere skript som filer:

I Kentico-prosjektet ditt, naviger til ~/CMSScripts/Custom/-katalogen
Opprett en ny JavaScript-fil (f.eks. asyntai-widget.js)
Legg til kode for å dynamisk laste Asyntai-widgeten:

(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);
})();

Referer til denne filen i hovedsidemalens topptekst:

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

Viktig: Denne avanserte metoden krever filsystemtilgang og kunnskap om Kenticos katalogstruktur. Sørg for at du har riktige tillatelser og test alltid i et testmiljø først.

Trinn 3: Bekreft installasjonen

Etter at du har lagret endringene og tømt hurtigbufferen, åpne 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 har lagret alle endringer og tømt Kenticos hurtigbuffer (Innstillinger > System > Tøm hurtigbuffer). Prøv å se nettstedet i et inkognitovindu. Sjekk nettleserkonsollen (F12) for eventuelle JavaScript-feil som kan hindre widgeten i å laste.