Put the chatbot on your website

1. 1Open Chatbot på nettstedet and Aktiver chatbot.
2. 2Under Generelt, set Bot-navn, Hilsningsmelding and Undertittel i header (valgfritt): f.eks. Svarer vanligvis i løpet av noen minutter
3. 3Under Utseende, set Primærfarge, Fargetema and Bobleposisjon.
4. 4Lagre, then go to Innbyggingskode and Kopier kodesnutt.
5. 5Paste it into your site, just before the closing body tag, on every page.

Lagre innstillingene først for å generere innbyggingskode.

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

• Webflow: Project Settings → Custom Code → Footer Code, lim inn og publiser. IKKE lim inn i et side-nivå Embed-element — Webflow rendrer disse inne i en iframe og boblen blir fanget der. Nettstedomfattende tilpasset kode krever betalt Webflow-plan.
• WordPress: Rediger siden, legg til en «Custom HTML»-blokk (blokkeredigerer) eller lim inn i «Text»-fanen (klassisk editor). For nettstedomfattende plassering, bruk et header/footer-plugin (f.eks. WPCode) og lim inn i footer-sporet.
• Squarespace: Settings → Advanced → Code Injection → Footer. Lim inn der for nettstedomfattende plassering. Unngå «Code»-blokken per side — på én side vises boten bare på den siden.
• Wix: Settings → Custom Code → «+ Add Custom Code». Lim inn, sett «Place Code in: Body - end», «Apply to: All pages», og lagre.
• Shopify: Online Store → Themes → Edit code, åpne theme.liquid, og lim inn rett før </body>. Dette viser boten på hver side.
• Plain HTML: Lim inn rett før </body> på hver side som skal vise chatboten. Hvis nettstedet har en Content Security Policy, tillat chatbot-domenet i «script-src» og «connect-src».

If the bubble does not appear, do not guess: Boblen vises ikke på en side der den burde? Legg til ?dj_chatbot_debug=1 i side-URL-en — widgeten viser et inline-banner med nøyaktig grunn til at den ikke kan lastes (opprinnelse ikke tillatt, blokkert av Content Security Policy, osv.).

The usual cause is Tillatte opprinnelser (én per linje, valgfritt) — La stå tom for å tillate innbygging på alle nettsteder. Hver oppføring må være nøyaktig scheme://host (ingen sti, ingen avsluttende skråstrek). Avsluttende skråstreker, stier og store/små bokstaver renses automatisk ved blur, så en skrivefeil aldri blokkerer widgeten i stillhet.

Fitting it to the page. Finjuster plasseringen slik at widgeten passer på nettstedet — f.eks. unna informasjonskapselbanner eller andre knapper. Use Forskyvning X (px) and Forskyvning Y (px), plus Boblestørrelse (px), Panelbredde (px) and Panelhøyde (px).

Getting it opened. Teaser-melding på launcher (valgfritt) — Vises ved siden av chat-knappen for å invitere til klikk. La stå tom for ingen. — and Foreslåtte spørsmål: Opptil 6 startspørsmål vist som klikkbare brikker når chatten åpnes. Three questions you know visitors ask will do more for engagement than any amount of colour tuning.

Åpne automatisk — Åpner chatpanelet ved første sidevisning (én gang per besøk). — converts better but annoys some visitors. Try it and watch Innsikt.

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 chatboten? Eksisterende konfigurasjon og samtaler beholdes, men den innebygde widgeten slutter å laste. Your key is part of that: Chatboten er slått av, så denne kodesnutten gjør ingenting på nettstedet ditt ennå. Slå den på igjen, så virker den samme nøkkelen som før, uten at du trenger å endre koden du allerede har limt inn. 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økkel, on the Innbyggingskode tab: Generere ny widget-nøkkel? Gamle innbyggingskodesnutt slutter å virke umiddelbart. Use it if the key has been copied somewhere it should not be, and re-paste the new snippet everywhere straight afterwards.