Guide

Integrer ClearBook booking
på din hjemmeside

Giv dine kunder mulighed for at booke direkte på jeres hjemmeside. Vælg den metode der passer til jeres setup.

ClearBook gør det nemt at tilbyde online booking direkte på jeres hjemmeside. Integration er gratis for alle ClearBook kunder – uanset om I bruger WordPress, et andet CMS-system eller en statisk hjemmeside, kan I være i gang på under 5 minutter.

Vælg din metode

Der er to måder at integrere ClearBook booking på jeres hjemmeside. Vælg den der passer bedst til jeres setup:

🔌

WordPress Plugin

Installer vores plugin – gratis for alle ClearBook kunder – og brug shortcodes til booking-kalender og kontaktformular.

Anbefalet til WordPress
📋

Embed Script

To linjer HTML-kode der virker på alle hjemmesider. Ingen afhængigheder.

Alle hjemmesider

Metode 1: WordPress Plugin

Bruger I WordPress, er vores plugin den nemmeste løsning. Plugin er gratis for alle med et ClearBook abonnement og giver jer adgang til shortcodes der indsætter booking-kalender og kontaktformular direkte på jeres sider.

Installation

  1. Download plugin fra ClearBook integrationsside
  2. Gå til WordPress Admin → Plugins → Tilføj nyt → Upload plugin
  3. Vælg ZIP-filen og klik "Installér nu"
  4. Aktivér plugin
  5. Gå til Indstillinger → ClearBook og indtast jeres kunde-ID og API key (begge finder I i ClearBook admin under Dokumentation & Guides → Hjemmeside Integration)

Shortcodes

Når plugin er installeret, kan I bruge følgende shortcodes på jeres sider:

<!-- Standard: booking + kontaktformular --> [clearbook] <!-- Kun kontaktformular --> [clearbook_contact] <!-- Kun booking-kalender --> [clearbook type="booking"] <!-- Begge dele, på engelsk --> [clearbook type="both" lang="en"] <!-- Vis en bestemt bookingside --> [clearbook booking_side_id="2"]

Bemærk: Der kan kun være én ClearBook widget per side. Hvis I vil vise både booking og kontaktformular, brug [clearbook] som viser begge dele med faneblad.

Metode 2: Embed Script

Bruger I ikke WordPress, kan I integrere ClearBook med vores embed-script. Det virker på alle hjemmesider – HTML, Squarespace, Wix, Shopify, Webflow og alt andet. Scriptet rendrer booking-widgeten direkte i jeres side.

Kopiér embed-koden

Indsæt følgende to linjer på den side hvor booking-widgeten skal vises. Erstat JERES-KUNDE-ID og JERES-API-KEY med jeres faktiske værdier:

<!-- ClearBook Booking Widget --> <div id="clearbook-embed" data-customer="JERES-KUNDE-ID" data-api-key="JERES-API-KEY"></div> <script src="https://api.clearbook.dk/embed.js"></script>

Det er det hele! Scriptet klarer resten automatisk.

Tilpasning med data-attributter

I kan tilpasse widgeten med ekstra data-attributter:

<!-- Kun kontaktformular --> <div id="clearbook-embed" data-customer="JERES-KUNDE-ID" data-api-key="JERES-API-KEY" data-type="contact"></div> <!-- Kun booking, på engelsk --> <div id="clearbook-embed" data-customer="JERES-KUNDE-ID" data-api-key="JERES-API-KEY" data-type="booking" data-lang="en"></div> <!-- Bestemt bookingside --> <div id="clearbook-embed" data-customer="JERES-KUNDE-ID" data-api-key="JERES-API-KEY" data-booking-side-id="2"></div>

Tilgængelige attributter: data-customer (kunde-ID, påkrævet), data-api-key (API key), data-type (both/booking/contact), data-lang (da/en) og data-booking-side-id (vis bestemt bookingside). Se alle detaljer på integrationssiden.

Responsiv: Booking-widgeten rendres direkte i jeres side og tilpasser sig automatisk bredden. Den fungerer på alle enheder – mobil, tablet og desktop.

Krav til integration

Uanset hvilken metode I vælger, skal I bruge:

  • Aktivt ClearBook abonnement – både plugin og embed-script er gratis for alle ClearBook kunder, men kræver et aktivt abonnement
  • Kunde-ID og API key – findes i ClearBook admin under Dokumentation & Guides → Hjemmeside Integration
  • HTTPS – jeres hjemmeside skal køre på HTTPS for at booking-widgeten indlæses korrekt

Brug for hjælp?

Har I problemer med at integrere ClearBook på jeres hjemmeside, er I velkomne til at kontakte vores support. Vi hjælper gerne med opsætningen.

FAQ

Ofte stillede spørgsmål

Hvilken metode er bedst til min hjemmeside?

Bruger du WordPress, anbefaler vi vores gratis WordPress plugin. Til alle andre hjemmesider – Squarespace, Wix, Shopify, statisk HTML osv. – bruger du embed-scriptet. Begge metoder giver fuld booking-funktionalitet og er gratis for ClearBook kunder.

Kræver det teknisk viden at integrere ClearBook?

Nej. Begge metoder er gratis for alle ClearBook kunder og kræver ingen teknisk viden. Med WordPress plugin skal du blot installere plugin og indtaste dit kunde-ID og API key. Med embed-scriptet kopierer du to linjer HTML-kode ind på din side. Begge metoder tager under 5 minutter.

Kan jeg tilpasse hvad der vises i booking-widgeten?

Ja. Du kan vælge at vise booking + kontaktformular (standard), kun booking, eller kun kontaktformular via data-type attributten. Du kan også vælge sprog (dansk eller engelsk) og vise en specifik bookingside. Widgeten tilpasser sig automatisk din sides bredde.

Virker online booking på mobil?

Ja. Booking-widgeten er fuldt responsiv og fungerer på alle enheder – mobil, tablet og desktop. Widgeten rendres direkte i din side og tilpasser sig automatisk.

Hvor finder jeg mit kunde-ID og API key?

Dit kunde-ID og API key finder du i ClearBook admin under Dokumentation & Guides → Hjemmeside Integration. Kunde-ID er den del af URL'en der står efter clearbook.dk/booking/. Kontakt vores support hvis du har brug for hjælp.

Klar til at tilbyde online booking?

Book en gratis demo og se hvordan ClearBook booking fungerer på jeres hjemmeside.

Book en demo → Kontakt os