Prøv installasjonen på din nettside

Lurer du på om chatboten lar seg installere på akkurat din nettside før du bestemmer deg? Lim inn test-koden under der veiledningen for plattformen din sier, så ser du det med en gang. Det krever ingen konto.

Vet du ikke hva nettsiden din er bygget med? Spør den som laget eller drifter den – ofte et webbyrå, en frilanser eller en kollega. Test-koden er alt de trenger.

Test-kode

Dette er en felles test-kode, ikke en ekte chatbot. Lim den inn der veiledningen under ber om det, så dukker det opp en chat-boble nederst i hjørnet som bekrefter at installasjonen virker. Boblen er merket «Demo» og kan ikke svare på spørsmål.

<script src="https://widget.buildabot.no/widget.js?bot=prov-2026102105"></script>

Fjern koden fra nettsiden din når du har sett at det virker. Ellers ser de besøkende dine demo-boblen i inntil 3 dager, før den slår seg av av seg selv.

Nettsidebyggere

  1. Logg inn på WordPress-administrasjonen din. Den ligger som regel på adressen din-nettside.no/wp-admin.
  2. Du trenger et lite tillegg (utvidelse) som lar deg lime inn kode. Velg «Utvidelser» → «Legg til utvidelse» i menyen til venstre.
  3. Skriv «WPCode» i søkefeltet øverst til høyre.
  4. Finn «WPCode – Insert Headers and Footers …» blant treffene og klikk «Installer nå». Merk at det ligger flere WPCode-utvidelser i listen – det er denne du skal ha.
  5. Når installasjonen er ferdig, bytter knappen til «Aktiver». Klikk den.
  6. Etter aktivering får du et nytt menypunkt, «Code Snippets», nederst i menyen til venstre. Det er her utvidelsen ligger.
  7. Velg «Code Snippets» → «Header & Footer». Du får da tre felt: Header, Body og Footer. Bla ned til «Footer».
  8. Lim koden din inn i «Footer»-feltet:
    <script src="https://widget.buildabot.no/widget.js?bot=prov-2026102105"></script>
  9. Klikk «Save Changes» øverst til høyre.
  10. Besøk nettsiden din – chat-boblen vises nå nederst i hjørnet.

  1. Logg inn i Shopify-administrasjonen din.
  2. Velg «Nettbutikk» (Online Store) under «Kanaler» i menyen til venstre. Det er temasiden – Shopify har ikke lenger et eget «Temaer»-menypunkt.
  3. Finn det aktive temaet ditt, klikk «⋯» ved siden av «Rediger tema» og velg «Rediger kode» (Edit code).
  4. Kodeeditoren åpnes i en ny fane, med filene i temaet ditt i en liste til venstre.
  5. Åpne mappa «layout» i lista, og klikk filen «theme.liquid».
  6. Bla helt ned i filen og lim koden din inn på en egen linje rett før den avsluttende </body>-taggen:
    <script src="https://widget.buildabot.no/widget.js?bot=prov-2026102105"></script>
  7. Klikk «Save» øverst til høyre.
  8. Shopify kan markere linjen med en advarsel om «parser blocking scripts» eller at filen bør ligge på Shopify sin CDN. Det er anbefalinger om ytelse, ikke feil – widgeten fungerer som den skal.
  9. Besøk nettbutikken din – chat-boblen vises nå nederst i hjørnet.
  10. Bytter du tema senere, må koden limes inn på nytt – et nytt tema har sin egen theme.liquid. Sjekk at chat-boblen fortsatt vises etter et temabytte.

  1. Logg inn på Wix og velg nettstedet ditt. Merk: koden virker først når nettstedet er publisert og har et tilkoblet domene. En gratis «.wixsite.com»-adresse er ikke nok – da lagres koden, men den kommer aldri ut på siden.
  2. Velg «Innstillinger» (Settings) nederst i menyen til venstre.
  3. Bla ned til seksjonen «Utvikling og integrasjoner» og velg «Tilpasset kode» (Custom Code).
  4. Du havner på siden «Egendefinert kode» – Wix bruker begge navnene om det samme. Siden har tre seksjoner: «Gå til» (Head), «Body – start» og «Body – slutt». Klikk «Legg til kode» under «Body – slutt».
  5. Dette åpner dialogen «Legg til egendefinert kode». Kontroller at «Alle sider» er valgt under «Legg til kode til Sider», og at «Body – slutt» er valgt under «Plasser kode i». Gi gjerne koden et navn så du kjenner den igjen senere – standardnavnet er «Egendefinert».
  6. Lim koden din inn i feltet øverst, og klikk «Bruk» (Apply).
    <script src="https://widget.buildabot.no/widget.js?bot=prov-2026102105"></script>
  7. Koden legger seg i lista under «Body – slutt», med en av/på-bryter.
  8. Publiser nettstedet på nytt fra editoren, og besøk nettstedet ditt. Chat-boblen vises nå nederst i høyre hjørne på alle sider – klikk på den for å åpne chatten.
  9. Bytter du domene senere, må koden legges inn på nytt – kodesnutter i Wix er knyttet til domenet. Sjekk at chat-boblen fortsatt vises etter et domenebytte.

  1. Logg inn på Squarespace. Merk: kodeinjeksjon krever planen «Core» eller høyere – på «Basic» finnes ikke funksjonen. Er nettstedet ditt helt nytt, må du først fullføre oppsettveiviseren; menyvalgene under blir ikke tilgjengelige før den er ferdig.
  2. Velg «Website» (Nettsted) i menyen til venstre, og så «Pages» (Sider).
  3. Du får opp sidepanelet med sidene dine. Bla helt ned i panelet – under sidene ligger tre sammenslåtte seksjoner: «Marketing Tools», «Custom Code» og «System Pages».
  4. Klikk «Custom Code» for å folde den ut, og velg «Code Injection» (Kodeinjeksjon).
  5. Du får opp flere felt – «Header», «Footer» og noen til. Bla ned til «Footer».
  6. Lim koden din inn i «Footer»-feltet. Merket «Upgrade» over overskriften er en reklame for høyere planer – feltet virker som normalt. Klikk så «Save» (Lagre) øverst til venstre i panelet – knappen dukker opp først når du har endret noe.
    <script src="https://widget.buildabot.no/widget.js?bot=prov-2026102105"></script>
  7. Besøk nettstedet ditt – chat-boblen vises nå nederst i hjørnet.

  1. Logg inn på Hostinger og åpne nettsiden din i Website Builder (byggeren).
  2. Klikk «More» (•••) nederst i menyen til venstre, og velg «Integrations».
  3. Bla ned til «Custom code» i lista over integrasjoner, og klikk på raden for å utvide den.
  4. Lim koden din inn i feltet «Custom code» og klikk «Save». Hostinger legger koden inn på alle sider automatisk – du trenger ikke velge plassering.
    <script src="https://widget.buildabot.no/widget.js?bot=prov-2026102105"></script>
  5. Klikk «Update website» øverst til høyre for å publisere. Chat-boblen vises verken i byggeren eller i forhåndsvisningen – bare på den publiserte nettsiden.
  6. Besøk nettsiden din – chat-boblen vises nå nederst i hjørnet.
Egenutviklet nettside

  1. Åpne hoved-HTML-en til appen din: For Blazor Web App (.NET 8+) er det «Components/App.razor». For eldre Blazor Server: «Pages/_Host.cshtml» eller «_Layout.cshtml». For Blazor WebAssembly: «wwwroot/index.html».
  2. Lim script-taggen inn rett før den avsluttende </body>-taggen, etter det eksisterende Blazor-scriptet (blazor.web.js / blazor.server.js / blazor.webassembly.js):
    <script src="https://widget.buildabot.no/widget.js?bot=prov-2026102105"></script>
  3. Viktig: widgeten endrer DOM utenfor Blazors kontroll. Plasser script-taggen statisk i body-roten (App.razor / index.html) – ikke inne i en interaktiv komponent som rendres på nytt, da Blazors diffing kan kollidere med widgetens egne elementer.
  4. Bygg og kjør appen. Chat-boblen vises nederst i hjørnet.

  1. Åpne «index.html» – i prosjektroten for Vite, eller under «public/» for Create React App.
  2. Lim script-taggen inn rett før den avsluttende </body>-taggen:
    <script src="https://widget.buildabot.no/widget.js?bot=prov-2026102105"></script>
  3. Vil du heller laste widgeten fra en komponent, opprett script-elementet i en useEffect og legg det til document.body. Vakten på første linje er nødvendig – uten den lastes widgeten to ganger i utviklingsmodus:
    useEffect(() => {
  // Hindrer dobbel lasting i React StrictMode
  if (document.querySelector('script[src*="widget.js"]')) return;

  const s = document.createElement('script');
  s.src = 'https://widget.buildabot.no/widget.js?bot=prov-2026102105';
  document.body.appendChild(s);
}, []);
  4. Merk at widgeten blir liggende selv om komponenten fjernes fra siden – den lever utenfor React. Det er som regel det du vil ha, siden chat-boblen skal være tilgjengelig overalt.
  5. Bygg og kjør appen. Chat-boblen vises nederst i hjørnet.

  1. Åpne «src/index.html» i Angular-prosjektet ditt.
  2. Lim script-taggen inn rett før den avsluttende </body>-taggen:
    <script src="https://widget.buildabot.no/widget.js?bot=prov-2026102105"></script>
  3. Kjør «ng serve» (eller «ng build» for produksjon). Chat-boblen vises nederst i hjørnet.

  1. Åpne «index.html» – i prosjektroten for Vite, eller under «public/» for Vue CLI.
  2. Lim script-taggen inn rett før den avsluttende </body>-taggen:
    <script src="https://widget.buildabot.no/widget.js?bot=prov-2026102105"></script>
  3. Bygg og kjør appen. Chat-boblen vises nederst i hjørnet.

  1. Åpne HTML-filen for nettsiden din i en teksteditor.
  2. Lim script-taggen inn rett før den avsluttende </body>-taggen:
    <script src="https://widget.buildabot.no/widget.js?bot=prov-2026102105"></script>
  3. Lagre filen og last den opp til webserveren din. Chat-boblen vises nederst i hjørnet.

Virket det?

Registrer deg, så får du din egen kode med en ekte chatbot som svarer fra innholdet ditt.

Registrer deg

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please reload the page.