Put the chatbot on your website

Tilgængelig i ProSådan gør duÅbn i DealJourney
  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 ændringer, 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.

Var det her nyttigt?

Relateret