Hvordan legge til Asyntai AI-chatbot i Bludit

Trinn-for-trinn-guide for Bludit CMS

Hent innebyggingskode

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 med HTML Code-utvidelsen (anbefalt)

Den enkleste måten å legge til chatboten på Bludit-nettstedet ditt er å bruke den innebygde HTML Code-utvidelsen:

  1. Logg inn på Bludit-adminpanelet ditt
  2. Naviger til Utvidelser i venstre sidefelt
  3. Finn utvidelsen «HTML Code» (den er vanligvis forhåndsinstallert)
  4. Hvis den ikke er aktiv, klikk på «Aktiver» for å slå den på
  5. Klikk på «Configure» på HTML Code-utvidelsen
  6. I konfigurasjonen vil du se felt for topptekst- og bunntekstkode
  7. Lim inn Asyntai-innbyggingskoden i «Footer»-feltet
  8. Klikk på «Lagre»

Tips: Å legge til kode i bunnteksten sikrer at den lastes på slutten av sidene dine, noe som ikke bremser den innledende lastingen av nettstedet. Denne metoden legger automatisk til chatboten på alle sider på nettstedet ditt.

Alternativ metode 1: Integrering i temafiler

For mer kontroll kan du legge til koden direkte i temafilene dine:

  1. Koble til Bludit-installasjonen din via FTP eller Filbehandler
  2. Naviger til /bl-themes/your-theme-name/
  3. Åpne filen index.php for redigering
  4. Finn den avsluttende </body>-taggen
  5. Lim inn Asyntai-innbyggingskoden din rett før </body>-taggen
  6. Lagre filen
  7. Tøm nettstedets hurtigbuffer hvis aktuelt

Merk: Når du redigerer temafiler direkte, sørg for å ta sikkerhetskopi av originalfilen først. Temaoppdateringer kan overskrive endringene dine, så dokumenter modifikasjonene dine.

Alternativ metode 2: Egendefinert innhold på sider

Du kan også legge til chatbot-koden direkte på spesifikke sider ved hjelp av Bludits innholdsredigerer:

  1. Logg inn på Bludit-adminpanelet ditt
  2. Gå til Innhold og velg siden du vil redigere
  3. Bytt til HTML-modus i redigereren (hvis du bruker en visuell redigerer)
  4. Legg til Asyntai-innbyggingskoden din hvor som helst i sideinnholdet
  5. Klikk på «Lagre»
  6. Gjenta for andre sider der du vil ha chatboten

Viktig: Når du legger til kode direkte i sideinnhold, må du legge den til på hver side individuelt. For installasjon på hele nettstedet, bruk HTML Code-utvidelsen eller temafil-metoden i stedet.

Bruke utvidelseskroker (avansert)

For utviklere som lager tilpassede utvidelser, tilbyr Bludit utvidelseskroker:

  • siteBodyBegin – Kjøres øverst i <body>-taggen
  • siteBodyEnd – Kjøres nederst, ideelt for JavaScript-kode som Asyntai-widgeten

Du kan opprette en egendefinert utvidelse som bruker siteBodyEnd-kroken for å injisere chatbot-koden på alle sider.

Trinn 3: Bekreft installasjonen

Etter at du har lagret endringene, besøk Bludit-nettstedet ditt i en ny nettleserfane eller inkognitovindu. Du bør se chat-widget-knappen i nedre høyre hjørne. Klikk på den for å sikre at den åpnes og fungerer korrekt.

Ser du ikke widgeten? Sørg for at du lagret utvidelseskonfigurasjonen eller endringene i temafilen. Tøm nettleserens hurtigbuffer og Bludits hurtigbuffer (hvis aktivert). Sjekk nettleserkonsollen (F12) for eventuelle JavaScript-feil.