Put the chatbot on your website
- 1Open Chatbot på hjemmesiden and Aktiver chatbot.
- 2Under Generelt, set Bot-navn, Velkomstbesked and Undertitel i header (valgfrit): f.eks. Svarer normalt inden for få minutter
- 3Under Udseende, set Primærfarve, Farvetema and Bobleposition.
- 4Gem ændringer, then go to Indlejringskode and Kopiér kodesnippet.
- 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.
Var det her nyttigt?