Put the chatbot on your website

1. 1Open Chatbot på hjemmesiden and Aktiver chatbot.
2. 2Under Generelt, set Bot-navn, Velkomstbesked and Undertitel i header (valgfrit): f.eks. Svarer normalt inden for få minutter
3. 3Under Udseende, set Primærfarve, Farvetema and Bobleposition.
4. 4Gem, then go to Indlejringskode and Kopiér kodesnippet.
5. 5Paste it into your site, just before the closing body tag, on every page.

Gem indstillingerne først for at generere indlejringskode.

Platformspecifikke tips — the tab has the exact path for each, and the traps are real:

• Webflow: Project Settings → Custom Code → Footer Code, indsæt og publicer. INDsæt IKKE i et side-niveau Embed-element — Webflow gengiver disse inde i en iframe, og boblen bliver fanget der. Hjemmesideomfattende tilpasset kode kræver betalt Webflow-plan.
• WordPress: Rediger siden, tilføj en «Custom HTML»-blok (blokeditor) eller indsæt i «Text»-fanen (klassisk editor). Til hjemmesideomfattende placering, brug et header/footer-plugin (f.eks. WPCode) og indsæt i footer-sporet.
• Squarespace: Settings → Advanced → Code Injection → Footer. Indsæt der for hjemmesideomfattende placering. Undgå «Code»-blokken pr. side — på én side vises botten kun på den side.
• Wix: Settings → Custom Code → «+ Add Custom Code». Indsæt, sæt «Place Code in: Body - end», «Apply to: All pages», og gem.
• Shopify: Online Store → Themes → Edit code, åbn theme.liquid, og indsæt lige før </body>. Dette viser botten på hver side.
• Plain HTML: Indsæt lige før </body> på hver side, der skal vise chatbotten. Hvis hjemmesiden har en Content Security Policy, tillad chatbot-domænet i «script-src» og «connect-src».

If the bubble does not appear, do not guess: Boblen vises ikke på en side, hvor den burde? Tilføj ?dj_chatbot_debug=1 til side-URL'en — widgeten viser et inline-banner med præcis grund til, at den ikke kan indlæses (oprindelse ikke tilladt, blokeret af Content Security Policy osv.).

The usual cause is Tilladte oprindelser (én pr. linje, valgfrit) — Lad stå tom for at tillade indlejring på alle hjemmesider. Hver post skal være præcis scheme://host (ingen sti, ingen afsluttende skråstreg). Afsluttende skråstreger, stier og store/små bogstaver renses automatisk ved blur, så en tastefejl aldrig blokerer widgeten i stilhed.

Fitting it to the page. Finjuster placeringen, så widgeten passer på hjemmesiden — f.eks. væk fra cookie-banner eller andre knapper. Use Forskydning X (px) and Forskydning Y (px), plus Boblestørrelse (px), Panelbredde (px) and Panelhøjde (px).

Getting it opened. Teaser-besked på launcher (valgfrit) — Vises ved siden af chat-knappen for at invitere til klik. Lad stå tom for ingen. — and Foreslåede spørgsmål: Op til 6 startspørgsmål vist som klikbare chips, når chatten åbnes. Three questions you know visitors ask will do more for engagement than any amount of colour tuning.

Åbn automatisk — Åbner chatpanelet ved første sidevisning (én gang pr. besøg). — converts better but annoys some visitors. Try it and watch Indsigt.

Live forhåndsvisning and Livetest let you check the whole thing before it is on a public page.

Pausing it, and the widget key. The snippet you pasted carries a widget key that identifies your chatbot. Deaktiver stops the bubble loading, and Deaktiver chatbotten? Eksisterende konfiguration og samtaler bevares, men den indlejrede widget stopper med at indlæse. Your key is part of that: Chatbotten er slået fra, så dette kodestykke gør ingenting på dit website endnu. Slå den til igen, så virker den samme nøgle som før, uden at du behøver at ændre den kode, du allerede har indsat. So you can switch it off over a holiday and back on afterwards without touching your website.

The one action that does change the key is Generer ny nøgle, on the Indlejringskode tab: Generere ny widget-nøgle? Gamle indlejringskodesnippets stopper med at virke med det samme. Use it if the key has been copied somewhere it should not be, and re-paste the new snippet everywhere straight afterwards.