Buchungs-Widget
Füge ein vollständiges Buchungs-Widget mit nur wenigen Codezeilen in deine Website ein.
Einführung
Das SalonBookIt-Widget ist eine JavaScript-Komponente, die du in jede Webseite integrieren kannst. Es ermöglicht deinen Kunden:
- Deine Dienstleistungen und Preise sehen
- Einen Fachmann auswählen
- Verfügbares Datum und Uhrzeit wählen
- Buchung abschließen und online bezahlen
Funktionen
Vollständig responsive
Passt sich automatisch an jede Bildschirmgröße an.
Anpassbar
Passe Farben, Texte und Verhalten an deine Marke an.
Integrierte Zahlungen
Verarbeite Zahlungen mit Stripe direkt vom Widget aus.
Mehrsprachig
Verfügbar in Spanisch, Englisch und Arabisch.
Optimierte Leistung
Weniger als 50KB, asynchrones Laden.
Sicher
HTTPS-Kommunikation, sichere Tokens.
Anzeigemodi
Das Widget kann je nach Bedarf auf drei verschiedene Arten angezeigt werden:
Inline
Das Widget wird direkt in einem Container auf deiner Seite angezeigt. Ideal für dedizierte Buchungsseiten.
mode: 'inline'
Modal
Das Widget erscheint in einem zentrierten Popup bei Klick auf einen Button. Weniger aufdringlich.
mode: 'modal'
Button
Zeigt nur einen schwebenden Button. Bei Klick öffnet sich das Widget im Modal.
mode: 'button'
Schnellstart
<!-- Container -->
<div id="salonbookit-widget"></div>
<!-- Script -->
<script src="https://app.salonbookit.com/static/widget/v1/salonbookit-widget.min.js"></script>
<script>
SalonBookIt.init({
apiKey: 'IHR_API_SCHLUESSEL',
container: '#salonbookit-widget'
});
</script>
Für weitere Konfigurationsoptionen siehe die Konfigurationsanleitung.
Kompatibilität
Das Widget ist mit allen modernen Browsern kompatibel:
| Browser | Mindestversion |
|---|---|
| Chrome | 60+ |
| Firefox | 55+ |
| Safari | 12+ |
| Edge | 79+ |
| Mobile Safari (iOS) | 12+ |
| Chrome for Android | 60+ |