Widget-Anleitung

Buchung auf der Website, die du schon hast

Stundenplan, Preise und Anmeldung live auf deiner eigenen Website, in drei Schritten. Mitglieder buchen, melden sich an und bezahlen direkt im Widget.

Mit WordPress? Nimm das Plugin

Das kostenlose Class-Booking-Plugin fügt die Widgets als Block oder Shortcode ein und lädt das Script für dich. Trag deinen API-Schlüssel und deine Studio-Adresse unter Einstellungen → Class Booking ein und klick auf „Connect and check“.

Zum WordPress-Plugin

In drei Schritten eingerichtet

1
Widgets aktivieren und API-Schlüssel erstellen
Aktiviere in deinem Class-Booking-Admin „Widgets für die eigene Website“ unter Einstellungen → Erweiterte Funktionen → Website & Inhalt. Öffne dann Widgets und klick auf „API-Schlüssel erstellen“. Trag die Adresse deiner Website unter „Erlaubte Domains (erforderlich)“ ein, eine pro Zeile. Der vollständige Schlüssel wird nur einmal angezeigt, kopiere ihn also sofort.
2
Setup-Code kopieren
Klick direkt nach dem Erstellen des Schlüssels auf „Setup kopieren“. Der Code enthält bereits deinen Schlüssel und deine Studio-Adresse. Füge ihn überall dort ein, wo du HTML einfügen kannst: in einen Embed- oder Code-Block in Wix, Squarespace oder Webflow oder in deine Seitenvorlage.
3
Widgets platzieren, wo du sie haben willst
Die Script-Zeile muss nur einmal auf der Seite stehen. Jedes Widget ist ein Tag, das du überall auf der Seite platzieren kannst, und du kannst so viele verwenden, wie du möchtest.

So sieht der Code aus

<script src="https://widgets.holdstyring.dk/v1/holdstyring-widgets.min.js" async></script>

<holdstyring-schedule api-key="DEIN_API_SCHLUESSEL" base-url="https://dein-studio.class-booking.com"></holdstyring-schedule>
<holdstyring-pricing api-key="DEIN_API_SCHLUESSEL" base-url="https://dein-studio.class-booking.com"></holdstyring-pricing>

Ersetze Schlüssel und Adresse durch deine eigenen, oder nutze „Setup kopieren“ im Admin, das sie für dich einsetzt.

Beliebte Widgets

Alle Widgets und ihre Optionen findest du auf der Seite Widgets in deinem Admin.

<holdstyring-schedule>
Stundenplan mit Buchung
<holdstyring-login>
Anmelden und Konto erstellen
<holdstyring-bookings>
Kommende Buchungen des Mitglieds, mit Stornierung
<holdstyring-membership>
Zehnerkarten, Mitgliedschaft und frühere Käufe
<holdstyring-pricing>
Preispläne mit Kauf im Widget
<holdstyring-class-types>
Kursarten mit Buchen-Button
<holdstyring-instructors>
Trainerübersicht
<holdstyring-gift-cards>
Gutscheine mit Kauf im Widget

Wenn ein Widget nicht erscheint

Prüfe, ob die genaue Adresse deiner Website in den erlaubten Domains des Schlüssels steht. https://studio.de und https://www.studio.de sind zwei getrennte Einträge.
Prüfe, ob die Widgets unter Website & Inhalt aktiviert sind. Sind sie aus, wird jede Anfrage abgelehnt, auch mit gültigem Schlüssel.
Achte darauf, dass die Script-Zeile auf der Seite steht. Manche Page-Builder entfernen Scripts aus Textblöcken, nutze stattdessen einen Embed- oder Code-Block.

Fragen zur Einrichtung?

Unser Support hilft dir, die Widgets auf deine Website zu bringen.

14 Tage kostenlos testen Kontakt aufnehmen