Put the chatbot on your website

1. 1Open Chatbot på webbplatsen and Aktivera chatbot.
2. 2Under Allmänt, set Bot-namn, Hälsningsmeddelande and Undertitel i header (valfritt): t.ex. Svarar vanligtvis inom några minuter
3. 3Under Utseende, set Primärfärg, Färgtema and Bubbelposition.
4. 4Spara ändringar, then go to Inbäddningskod and Kopiera kodsnutt.
5. 5Paste it into your site, just before the closing body tag, on every page.

Spara inställningarna först för att generera inbäddningskod.

⟦Plattformsspecifika tips⟧ — the tab has the exact path for each, and the traps are real:

• Webflow: Project Settings → Custom Code → Footer Code, klistra in och publicera. Klistra INTE in i ett sidnivå Embed-element — Webflow renderar dessa inuti en iframe och bubblan fångas där. Webbplatsomfattande anpassad kod kräver betald Webflow-plan.
• WordPress: Redigera sidan, lägg till ett «Custom HTML»-block (blockredigerare) eller klistra in i «Text»-fliken (klassisk redigerare). För webbplatsomfattande placering, använd ett header/footer-plugin (t.ex. WPCode) och klistra in i footer-spåret.
• Squarespace: Settings → Advanced → Code Injection → Footer. Klistra in där för webbplatsomfattande placering. Undvik «Code»-blocket per sida — på en sida visas boten bara på den sidan.
• Wix: Settings → Custom Code → «+ Add Custom Code». Klistra in, sätt «Place Code in: Body - end», «Apply to: All pages», och spara.
• Shopify: Online Store → Themes → Edit code, öppna theme.liquid, och klistra in precis före </body>. Detta visar boten på varje sida.
• Plain HTML: Klistra in precis före </body> på varje sida som ska visa chatboten. Om webbplatsen har en Content Security Policy, tillåt chatbot-domänen i «script-src» och «connect-src».

If the bubble does not appear, do not guess: Bubblan visas inte på en sida där den borde? Lägg till ?dj_chatbot_debug=1 i sid-URL:en — widgeten visar ett inline-banner med exakt anledning till att den inte kan laddas (ursprung inte tillåtet, blockerad av Content Security Policy osv.).

The usual cause is Tillåtna ursprung (ett per rad, valfritt) — Lämna tomt för att tillåta inbäddning på alla webbplatser. Varje post måste vara exakt scheme://host (ingen sökväg, inget avslutande snedstreck). Avslutande snedstreck, sökvägar och versaler/gemener rensas automatiskt vid blur, så ett skrivfel blockerar aldrig widgeten i tysthet.

Fitting it to the page. Finjustera placeringen så att widgeten passar på webbplatsen — t.ex. bort från cookie-banner eller andra knappar. Use Förskjutning X (px) and Förskjutning Y (px), plus Bubbelstorlek (px), Panelbredd (px) and Panelhöjd (px).

Getting it opened. Teaser-meddelande på launcher (valfritt) — Visas bredvid chattknappen för att bjuda in till klick. Lämna tomt för inget. — and Föreslagna frågor: Upp till 6 startfrågor visas som klickbara chips när chatten öppnas. Three questions you know visitors ask will do more for engagement than any amount of colour tuning.

Öppna automatiskt — Öppnar chattpanelen vid första sidvisning (en gång per besök). — converts better but annoys some visitors. Try it and watch Insikter.

⟦Live förhandsvisning⟧ and Livetest let you check the whole thing before it is on a public page.