Installasjonsguide

Legg bestillingen på din egen nettside

Én kode på nettsiden din, og bestillingssiden åpnes i et panel oppå din egen side — gjesten forlater aldri nettsiden din. Koden kopierer du ferdig fra Svaria.

Opprett konto →Alt om bestillingssystemet

Inkludert i planen. Prøv gratis i 14 dager.

Hva koden gjør

Når en besøkende klikker Bestill, åpnes den samme bestillingssiden som på app.svaria.io, i et panel oppå siden din. Slik går bestillingen for seg:

Hva gjesten vil bestille

Antall gjester for restauranter, eller hva jobben gjelder for håndverkere og rengjøringsfirmaer.

Tid

Ledige tider vises med en gang, regnet mot kapasiteten deres.

Ønsker

Allergier, anledning og det dere vil vite på forhånd.

Kundeopplysninger

Navn, telefonnummer, e-post.

Bekreftelse

Gjesten får en bekreftelse med en gang, og bestillingen vises i kalenderen.

Koden

Du finner den i bestillingsprofilen i Svaria, under Kopier kode. Der står adressen og id-en din allerede fylt inn. Den ser slik ut:

Første linje fanger klikk som kommer før scriptet har lastet.
Andre linje laster boka.js fra app.svaria.io.
Tredje linje er knappen — en vanlig lenke til bestillingssiden din. Bytt gjerne teksten Bestill.

<script>window.__svariaQ=[];document.addEventListener('click',function(e){var t=e.target&&e.target.closest&&e.target.closest('[data-svaria]');if(!t||window.__svariaBokaLoaded)return;e.preventDefault();window.__svariaQ.push(t.getAttribute('data-svaria'));var h=t.getAttribute('href');setTimeout(function(){if(!window.__svariaBokaLoaded&&h)location.href=h;},2500);},true);</script>
<script src="https://app.svaria.io/boka.js" defer></script>
<a href="https://app.svaria.io/din-slug" data-svaria="din-id">Bestill</a>

Installasjon på WordPress

Bruk en Custom HTML-blokk. Det finnes ingen egen Svaria-plugin — koden er nok.

Logg inn i WordPress-admin.
Åpne siden eller innlegget der knappen skal sitte.
Klikk Legg til blokk → Custom HTML.
Lim inn koden fra Svaria.
Lagre siden.

<script>window.__svariaQ=[];document.addEventListener('click',function(e){var t=e.target&&e.target.closest&&e.target.closest('[data-svaria]');if(!t||window.__svariaBokaLoaded)return;e.preventDefault();window.__svariaQ.push(t.getAttribute('data-svaria'));var h=t.getAttribute('href');setTimeout(function(){if(!window.__svariaBokaLoaded&&h)location.href=h;},2500);},true);</script>
<script src="https://app.svaria.io/boka.js" defer></script>
<a href="https://app.svaria.io/din-slug" data-svaria="din-id">Bestill</a>

Installasjon på Squarespace

Logg inn i Squarespace-admin.
Åpne siden der bestillingsknappen skal være.
Klikk Edit → velg plassering → Add Block → Code.
Velg HTML som type og lim inn koden fra Svaria.
Klikk Apply og Save.

<script>window.__svariaQ=[];document.addEventListener('click',function(e){var t=e.target&&e.target.closest&&e.target.closest('[data-svaria]');if(!t||window.__svariaBokaLoaded)return;e.preventDefault();window.__svariaQ.push(t.getAttribute('data-svaria'));var h=t.getAttribute('href');setTimeout(function(){if(!window.__svariaBokaLoaded&&h)location.href=h;},2500);},true);</script>
<script src="https://app.svaria.io/boka.js" defer></script>
<a href="https://app.svaria.io/din-slug" data-svaria="din-id">Bestill</a>

Installasjon på Wix

Logg inn i Wix-editoren.
Klikk Add (+) → Embed Code → Embed HTML.
Plasser elementet der knappen skal være.
Klikk Enter Code og lim inn koden fra Svaria.
Klikk Update og publiser.

<script>window.__svariaQ=[];document.addEventListener('click',function(e){var t=e.target&&e.target.closest&&e.target.closest('[data-svaria]');if(!t||window.__svariaBokaLoaded)return;e.preventDefault();window.__svariaQ.push(t.getAttribute('data-svaria'));var h=t.getAttribute('href');setTimeout(function(){if(!window.__svariaBokaLoaded&&h)location.href=h;},2500);},true);</script>
<script src="https://app.svaria.io/boka.js" defer></script>
<a href="https://app.svaria.io/din-slug" data-svaria="din-id">Bestill</a>

Wix legger innebygd kode i en egen boks. Blir panelet for lite der, kan du i stedet lenke en vanlig Wix-knapp rett til bestillingssiden din (app.svaria.io/din-slug).

Installasjon på Webflow

Dra inn et Embed-element fra Add-panelet i Webflow-designeren.
Plasser det der knappen skal sitte.
Klikk Edit Code og lim inn koden fra Svaria.
Klikk Save & Close og publiser nettstedet.

<script>window.__svariaQ=[];document.addEventListener('click',function(e){var t=e.target&&e.target.closest&&e.target.closest('[data-svaria]');if(!t||window.__svariaBokaLoaded)return;e.preventDefault();window.__svariaQ.push(t.getAttribute('data-svaria'));var h=t.getAttribute('href');setTimeout(function(){if(!window.__svariaBokaLoaded&&h)location.href=h;},2500);},true);</script>
<script src="https://app.svaria.io/boka.js" defer></script>
<a href="https://app.svaria.io/din-slug" data-svaria="din-id">Bestill</a>

Installasjon på Shopify

Online Store → Themes → Edit code.
Åpne theme.liquid (eller tilsvarende layout-fil).
Legg inn de to script-linjene rett før </body>:

<script>window.__svariaQ=[];document.addEventListener('click',function(e){var t=e.target&&e.target.closest&&e.target.closest('[data-svaria]');if(!t||window.__svariaBokaLoaded)return;e.preventDefault();window.__svariaQ.push(t.getAttribute('data-svaria'));var h=t.getAttribute('href');setTimeout(function(){if(!window.__svariaBokaLoaded&&h)location.href=h;},2500);},true);</script>
<script src="https://app.svaria.io/boka.js" defer></script>

På siden der knappen skal være, legger du inn lenken:

<a href="https://app.svaria.io/din-slug" data-svaria="din-id">Bestill</a>

Installasjon på statisk HTML

For egenbygde nettsteder (vanilla HTML, statiske generatorer som Hugo, Jekyll, Eleventy eller Astro):

<!DOCTYPE html>
<html>
<head>
  <title>Bestill bord</title>
</head>
<body>
  <h1>Bestill bord hos oss</h1>

  <a href="https://app.svaria.io/din-slug" data-svaria="din-id">Bestill</a>

  <script>window.__svariaQ=[];document.addEventListener('click',function(e){var t=e.target&&e.target.closest&&e.target.closest('[data-svaria]');if(!t||window.__svariaBokaLoaded)return;e.preventDefault();window.__svariaQ.push(t.getAttribute('data-svaria'));var h=t.getAttribute('href');setTimeout(function(){if(!window.__svariaBokaLoaded&&h)location.href=h;},2500);},true);</script>
  <script src="https://app.svaria.io/boka.js" defer></script>
</body>
</html>

Lenken kan stå hvor som helst på siden, og du kan ha flere. Script-linjene trenger bare å være der én gang.

Utseendet

Bestillingssiden får utseendet sitt fra bestillingsprofilen din i Svaria: logo, forsidebilde, bildegalleri og aksentfarge. Endrer du det der, endres det overalt der koden sitter — du trenger aldri røre koden på nettsiden.

Bekreftelser og påminnelser

Når gjesten bestiller via nettsiden din, sendes de samme utsendelsene som ved en bestilling på bestillingssiden:

Med en gangBekreftelse med tid og sted — på e-post, eller SMS hvis gjesten ikke har e-post.

Før besøketPåminnelse, hvis dere har slått den på.

Etter besøketForespørsel om anmeldelse, hvis dere har slått den på.

På mobil og PC

Panelet tilpasser seg skjermen. Det lukkes med krysset, med Esc eller med et klikk utenfor.

Mobil

bestillingen glir opp nedenfra og fyller hele skjermen

PC og nettbrett

et bredt panel glir inn fra høyre, og en stripe av siden din er fortsatt synlig

Bruksområder per bransje

Restauranter

Bestillingsknapp i toppfeltet på alle sider. Antall gjester, tid og ønsker — og bare tider som faktisk får plass.

Håndverkere

Knappen på kontaktsiden. Kunden beskriver jobben og hvor den er, og forespørselen blir et lead hos deg.

Rengjøringsfirmaer

Knappen der nye kunder finner dere. De legger igjen en forespørsel, og eksisterende kunder styrer besøkene sine via sin egen lenke.

Vanlige problemer og feilsøking

Ingenting skjer når jeg klikker

Sjekk at hele koden kom med — begge script-linjene og lenken — og at lenken fortsatt har data-svaria. Lim helst inn koden fra Kopier kode på nytt.

Bestillingssiden åpnes som en egen side

Da har ikke scriptet lastet. Sjekk at linjen med boka.js er på siden og ikke blokkeres av en cookie- eller script-sperre i innstillingene for nettsiden.

Knappen ser feil ut

Lenken får nettsidens egen stil. Gi den en klasse eller bruk nettsidens knappekomponent — det viktige er at href og data-svaria blir stående.

Bestillingssiden sier at den ikke er publisert

Publiser bestillingssiden i Svaria først. Den krever firmanavn og adresse.

Vanlige spørsmål

Koster innbyggingen noe ekstra?

Nei. Bestillingssiden og koden for nettsiden er inkludert i planen.

Kan jeg ha bestillingen på flere nettsider?

Ja. Den samme koden fungerer på hver nettside der du limer den inn.

Fungerer bestillingen på flerspråklige nettsider?

Ja. Bestillingssiden vises på norsk, svensk eller engelsk etter gjestens språk.

Påvirker koden nettsidens lastetid?

Knapt. Scriptet lastes med defer og blokkerer ikke siden. Bestillingssiden forhåndslastes først når besøkende holder musepekeren over knappen, eller på mobil når knappen vises.

Hva skjer hvis scriptet ikke laster?

Knappen er en vanlig lenke. Laster ikke scriptet, åpnes bestillingssiden som en vanlig side i stedet, så klikket går aldri tapt.

Må jeg bytte koden hvis jeg bytter firmanavn?

Nei. Koden peker på id-en din, som aldri endres, og den gamle adressen sender videre til den nye.

Se også: Bestillingssystem · vs Bokadirekt · Sammenlign AI-resepsjonister