Slik legger du til Asyntai AI-chatbot i Duda

Trinn-for-trinn-guide for Duda-nettsteder

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 i nettstedsinnstillinger (anbefalt)

Den enkleste måten å legge til chatboten på alle sider av Duda-nettstedet ditt er gjennom nettstedsinnstillinger:

  1. Logg inn på Duda-kontoen din og åpne nettstedsredigeringsprogrammet
  2. I venstre sidefelt klikker du på «More» (ikon med tre prikker)
  3. Klikk på «Settings»
  4. Bla ned og klikk på «Head HTML»
  5. I feltet «Body End HTML» limer du inn Asyntai-innbyggingskoden
  6. Klikk på «Lagre»
  7. Klikk på «Publish» øverst til høyre for å publisere endringene dine

Tips: Ved å legge til kode i Body End HTML-seksjonen sikrer du at chatboten lastes etter sideinnholdet, noe som ikke påvirker nettstedets lastehastighet. Denne metoden legger automatisk til chatboten på alle sider på nettstedet ditt.

Alternativ metode 1: HTML-widget (bestemte sider)

Hvis du vil legge til chatboten kun på bestemte sider, bruk HTML-widgeten:

  1. Åpne siden du vil redigere i Duda-redigeringsprogrammet
  2. I venstre sidefelt søker du etter «HTML» i widgetpanelet
  3. Dra og slipp HTML-widgeten inn i en kolonne eller rad på siden din
  4. Klikk på widgeten for å redigere den
  5. Lim inn Asyntai-innbyggingskoden i kodefeltet
  6. Klikk på «Update»
  7. Klikk på «Publish» for å publisere endringene

Merk: HTML-widgeten lar deg bygge inn egendefinert kode hvor som helst på siden din. Den visuelle plasseringen av widgeten påvirker ikke hvor chatboten vises – den vil fortsatt vises i nedre høyre hjørne som konfigurert.

Alternativ metode 2: Utviklermodus (avansert)

For avanserte brukere kan du bruke utviklermodus for å legge til kode direkte i HTML-en:

  1. I Duda-redigeringsprogrammet, klikk på Developer Mode-ikonet i topplinjen
  2. Klikk på «Site HTML/CSS» for å utvide utvalget
  3. Klikk på «body-end.html» fra fillisten
  4. Bla til siste linje i filen
  5. Lim inn Asyntai-innbyggingskoden på en ny linje
  6. Klikk på «Lagre»
  7. Klikk på «Done» for å avslutte utviklermodus
  8. Klikk på «Publish» for å distribuere endringene dine

Viktig: Utviklermodus gir deg direkte tilgang til nettstedets HTML og CSS. Sørg for å kun legge til kode på slutten av body-end.html-filen for å unngå å ødelegge nettstedets funksjonalitet. Test alltid endringer før du publiserer.

Trinn 3: Bekreft installasjonen

Etter at du har publisert endringene, åpne nettstedet ditt i en ny nettleserfane eller et inkognitovindu. Du bør se chatwidget-knappen i nedre høyre hjørne. Klikk på den for å sikre at den åpnes og fungerer riktig.

Ser du ikke widgeten? Sørg for at du har publisert nettstedet (ikke bare lagret). Tøm nettleserens hurtigbuffer eller se i inkognitomodus. Sjekk at koden din bruker HTTPS (som den gjør som standard). Åpne nettleserkonsollen (F12) for å sjekke eventuelle JavaScript-feil.