Installer bestillingskalenderen direkte på hjemmesiden din — kunden forlater ikke domenet ditt under bestillingsflyten. Installasjon tar typisk 5 minutter.
Inkludert i alle planer — også Basic (0 kr/mnd).
Når en besøkende klikker "Bestill tid" åpnes widgeten som modal eller inline-blokk. Konverteringen er typisk 30–50 % høyere enn ved omdirigering til eksterne bestillingssider.
Eller bordstørrelse for restauranter, sesjonstype for hudpleieterapeuter.
Kalendervisning eller listevisning av ledige tider.
Hvis bedriften har flere ansatte og kunden vil velge en spesifikk person.
Navn, telefonnummer, e-post.
SMS sendes umiddelbart, kalenderen oppdateres.
WordPress er en av de vanligste plattformene i Norge. Installasjonen kan gjøres via Custom HTML-blokk eller via Svaria-plugin.
<div data-svaria-booking="dinSlug"></div>
<script async src="https://widget.svaria.io/v1/embed.js"></script>Søk etter "Svaria Booking" i WordPress plugin-katalogen, installer og aktiver. Legg deretter inn shortcode i siden:
[svaria-booking slug="dinSlug"]<div data-svaria-booking="dinSlug"></div>
<script async src="https://widget.svaria.io/v1/embed.js"></script>På Squarespace 7.1 fungerer dette direkte. På 7.0-maler kan Code Block trenge å plasseres i Code Injection (Settings → Advanced → Code Injection → Footer).
Modal-modus anbefales på Wix:
<button onclick="window.SvariaBooking.open('dinSlug')">Bestill tid</button>
<script async src="https://widget.svaria.io/v1/embed.js"></script><div data-svaria-booking="dinSlug"></div>
<script async src="https://widget.svaria.io/v1/embed.js"></script>Ikke legg script-taggen i <head> — den lastes da før DOM er klar og kan feile. Bruk Embed-elementet eller Custom Code → Footer.
<script async src="https://widget.svaria.io/v1/embed.js"></script>På siden hvor knappen skal være (Page eller Product Page), legg inn:
<div data-svaria-booking="dinSlug"></div>Modal-modus anbefales på Shopify siden inline-modus kan kollidere med temaets grid.
For egenbygde sites (vanilla HTML, statiske generatorer som Hugo, Jekyll, Eleventy eller Astro):
<!DOCTYPE html>
<html>
<head>
<title>Bestill tid</title>
</head>
<body>
<h1>Bestill din tid hos oss</h1>
<!-- Inline embed -->
<div data-svaria-booking="dinSlug"></div>
<!-- Eller modal-modus med knapp -->
<button onclick="window.SvariaBooking.open('dinSlug')">Bestill tid</button>
<script async src="https://widget.svaria.io/v1/embed.js"></script>
</body>
</html>Det eneste som kreves er at script-taggen finnes et sted i dokumentet — anbefalt: rett før </body>.
Widgeten arver hjemmesidens typografi via CSS-variabler. Farger tilpasses via data-attributter:
<div
data-svaria-booking="dinSlug"
data-primary-color="#FF9900"
data-text-color="#1A1A1A"
data-background-color="#FFFFFF"
data-border-radius="8px"
></div>For dypere tilpasning finnes CSS-overrides via Svaria-dashbordet → Embed → Advanced styling. Streng brand-guideline? Kontakt support.
Når kunden bestiller via embed-widgeten skjer følgende automatisk:
Inkludert SMS-volum avhenger av valgt plan. Utover inkludert volum belastes til selvkost (ca. 0,40 kr/SMS, varierer med operatør).
Widgeten er bygget mobile-first og håndterer fire responsive breakpoints. Touch-targets er minst 44×44 px iht. iOS- og Android-standard. Input-felt har font-size 16 px minimum for å unngå auto-zoom på iOS Safari.
Layout-problemer på mobil? Verifiser først at hjemmesiden har <meta name="viewport" content="width=device-width, initial-scale=1"> i <head>.
Inline-embed på "Bestill tid"-siden. Tjenestevalg, per-frisør-visning, prisliste før bekreftelse.
Modal-knapp i header på alle sider. Bordstørrelse, seksjon, tid. Avbestillingsregler synlige før bekreftelse.
Inline på kontaktsiden sammen med kontaktskjema. Konsultasjons- eller hjemmebesøksbestilling, områdevalg.
Inline på "Bestill konsultasjon". Konsultasjonen er gratis, fritekstfelt for tatoveringsidé.
Inline på "Bestill behandling". Add-on-støtte (f.eks. "ansiktsmaske + 15 min").
Verifiser at script-taggen er installert og at data-svaria-booking har riktig slug. Åpne utviklerverktøy (F12) → Console og se etter feilmeldinger fra widget.svaria.io.
Hjemmesidens CSS overstyrer ofte widget-stilen via globale regler. Bruk CSS-isolasjon via en wrapper med all: initial eller bruk modal-modus i stedet.
Scriptet er ca. 18 KB gzippet og bør lastes på under 300 ms. Verifiser at script-taggen har async-attributtet.
Sjekk Logs i Svaria-dashbordet. Vanligste årsak er feil formatert telefonnummer (norske nummer skal starte med +47 eller 4).
Internet Explorer støttes ikke. Edge, Chrome, Firefox, Safari (15+) og Samsung Internet er de offisielt støttede nettleserne.
Nei. Embed-widgeten er inkludert i alle planer, også Basic (0 kr/mnd).
Ja. Samme slug fungerer på ubegrenset antall domener koblet til samme Svaria-konto.
Ja. Legg til data-language="no" eller data-language="en" på div-elementet. Støtte finnes for 30+ språk.
Minimalt. Scriptet er async-lastet og blokkerer ikke rendering. På Lighthouse-test påvirkes LCP typisk med under 50 ms.
Ja. Widgeten trigger dataLayer.push({event: 'svaria_booking_complete'}) ved vellykket bestilling. Konfigurer GA4 eller GTM til å fange eventet.
Widget-scriptet er cachet i CDN. Hvis bakenforliggende tjeneste er utilgjengelig vises en fallback-melding med telefonnummeret ditt. Vi har 99,9 % oppetidsmål med automatisk failover.
Opprett konto, kopier embed-koden, lim inn. Bestillingssystemet er gratis inkludert i Basic-planen.
Opprett konto gratis →