Online booking på din hjemmeside — på 5 minutter
Vores booking-plugin kører i Shadow DOM, er fuldt temabart, og kan tilpasses ned til mindste detalje med hooks og konfiguration.
Kom i gang på sekunder
Kopier nedenstående kode ind på din hjemmeside — det er alt, der skal til.
<div id="bw-widget"></div>
<script>
window.BW_WIDGET_CONFIG = { id: YOUR_PLUGIN_ID };
var s = document.createElement("script");
s.src = "https://cdn.beastscan.com/plugin/booking/plugin.js";
document.head.appendChild(s);
</script>Alt hvad du behøver
Shadow DOM-isolation
Widgeten kører i sin egen Shadow DOM — ingen CSS-konflikter med din hjemmeside.
Fuldt temabar
Tilpas farver, skrifttyper, border-radius og mere via uiOverrides.
Flersprogssupport
Understøtter dansk, engelsk, tysk, spansk og fransk ud af boksen.
Auto-skip trin
Forvælg lokation, service eller medarbejder — spring trin over automatisk.
Analytics integration
Indbygget GA4 og GTM tracking af booking-events.
Hooks-system
Fuldt request/response hooks til at tilpasse data, filtrere og berige.
Modal eller inline
Vis widget som popup-modal eller embedded direkte på siden.
Flere widgets
Kør flere uafhængige booking-widgets på samme side.
Gør den til din egen
Med uiOverrides kan du tilpasse farver, skrifttyper, border-radius og knap-stil — så widgeten matcher dit brand perfekt.
- primaryColor & secondaryColor
- fontFamily
- borderRadius
- buttonStyle (rounded / square)
window.BW_WIDGET_CONFIG = {
id: YOUR_PLUGIN_ID,
uiOverrides: {
primaryColor: "#0f1b3d",
secondaryColor: "#3b6fa0",
fontFamily: "Inter, sans-serif",
borderRadius: "12px",
buttonStyle: "rounded"
}
};Hooks Cookbook
Tre praktiske eksempler på, hvad du kan bygge med hooks-systemet.
Begræns kalender til 30 dage
Vis kun tider inden for de næste 30 dage.
hooks: {
onScheduleRequest: (req) => {
const max = new Date();
max.setDate(max.getDate() + 30);
req.dateTo = max.toISOString().split("T")[0];
return req;
}
}Filtrer medarbejdere
Vis kun medarbejdere der har et profilbillede.
hooks: {
onEmployeeResponse: (res) => {
res.data = res.data.filter(
(e) => e.profileImage !== null
);
return res;
}
}Tilføj kilde-tracking
Berig booking-payload med UTM source fra URL.
hooks: {
onConfirmRequest: (req) => {
const params = new URLSearchParams(
window.location.search
);
req.source = params.get("utm_source") || "direct";
return req;
}
}Prøv det selv
Se en live demo af booking-widgeten, eller dyk ned i den fulde dokumentation.