Slik legger du til Asyntai AI-chatbot i Duda
Trinn-for-trinn-guide for Duda-nettsteder
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:
- Logg inn på Duda-kontoen din og åpne nettstedsredigeringsprogrammet
- I venstre sidefelt klikker du på «More» (ikon med tre prikker)
- Klikk på «Settings»
- Bla ned og klikk på «Head HTML»
- I feltet «Body End HTML» limer du inn Asyntai-innbyggingskoden
- Klikk på «Lagre»
- 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:
- Åpne siden du vil redigere i Duda-redigeringsprogrammet
- I venstre sidefelt søker du etter «HTML» i widgetpanelet
- Dra og slipp HTML-widgeten inn i en kolonne eller rad på siden din
- Klikk på widgeten for å redigere den
- Lim inn Asyntai-innbyggingskoden i kodefeltet
- Klikk på «Update»
- 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:
- I Duda-redigeringsprogrammet, klikk på Developer Mode-ikonet i topplinjen
- Klikk på «Site HTML/CSS» for å utvide utvalget
- Klikk på «body-end.html» fra fillisten
- Bla til siste linje i filen
- Lim inn Asyntai-innbyggingskoden på en ny linje
- Klikk på «Lagre»
- Klikk på «Done» for å avslutte utviklermodus
- 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.
Weebly