Sådan tilføjer du Asyntai AI-chatbot til Duda

Trin-for-trin-guide til Duda-websteder

Platform:

Trin 1: Hent din indlejringskode

Gå først til dit Asyntai Dashboard og rul ned til sektionen "Indlejringskode". Kopiér din unikke indlejringskode, der vil se sådan ud:

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

Bemærk: Koden ovenfor er blot et eksempel. Du skal kopiere din egen unikke indlejringskode fra dit Dashboard, da den indeholder dit personlige widget-ID.

Trin 2: Tilføj kode til webstedsindstillinger (anbefalet)

Den nemmeste måde at tilføje chatbotten til alle sider på dit Duda-websted er via webstedsindstillinger:

Log ind på din Duda-konto og åbn din webstedseditor
I venstre sidebjælke skal du klikke på \"Mere\" (ikonet med tre prikker)
Klik på "Indstillinger"
Rul ned og klik på "Head HTML"
I feltet "Body End HTML" skal du indsætte din Asyntai-indlejringskode
Klik på "Gem"
Klik på "Publicer" øverst til højre for at gøre dine ændringer aktive

Tip: Tilføjelse af kode til sektionen Body End HTML sikrer, at chatbotten indlæses efter dit sideindhold, hvilket ikke vil påvirke dit websteds indlæsningshastighed. Denne metode tilføjer automatisk chatbotten til hver side på dit websted.

Alternativ metode 1: HTML-widget (specifikke sider)

Hvis du kun vil tilføje chatbotten til specifikke sider, kan du bruge HTML-widget:

Åbn den side, du vil redigere, i Duda-editoren
I den venstre sidebjælke skal du søge efter "HTML" i widget-panelet
Træk og slip HTML-widget ind i en kolonne eller række på din side
Klik på widgetten for at redigere den
Indsæt din Asyntai-indlejringskode i kodefeltet
Klik på "Opdater"
Klik på "Publicer" for at gøre ændringerne aktive

Bemærk: HTML-widgetten giver dig mulighed for at indlejre brugerdefineret kode overalt på din side. Den visuelle placering af widgetten påvirker ikke, hvor chatbotten vises - den vil stadig vises i nederste højre hjørne som konfigureret.

Alternativ metode 2: Udviklertilstand (avanceret)

For avancerede brugere kan du bruge udviklertilstand til at tilføje kode direkte til HTML:

I Duda-editoren skal du klikke på ikonet Udviklertilstand i den øverste bjælke
Klik på "Websteds HTML/CSS" for at udvide valget
Klik på "body-end.html" fra fillisten
Rul til den sidste linje i filen
Indsæt din Asyntai-indlejringskode på en ny linje
Klik på "Gem"
Klik på "Færdig" for at afslutte udviklertilstand
Klik på "Publicer" for at deploye dine ændringer

Vigtigt: Udviklertilstand giver dig direkte adgang til dit websteds HTML og CSS. Sørg for kun at tilføje kode i slutningen af filen body-end.html for at undgå at ødelægge dit websteds funktionalitet. Test altid ændringer, før du publicerer.

Trin 3: Verificér installationen

Efter at have publiceret dine ændringer skal du åbne dit websted i en ny browserfane eller et inkognitovindue. Du bør se chat-widget-knappen i nederste højre hjørne. Klik på den for at sikre, at den åbner og fungerer korrekt.