Einbettbares Buchungs-Widget

Bringen Sie Ihren vollständigen Buchungsablauf in Minuten auf jede Website

Fügen Sie einen einzigen Schnipsel auf Ihrer Website ein und lassen Sie Kunden Termine buchen, ohne Ihre Seite zu verlassen. Keine Build-Tools, keine Plugins, keine Wartungsprobleme. Das yAppointment-Widget wird automatisch eingebunden, isoliert seine eigenen Stile und bleibt mit Ihrer Live-Verfügbarkeit synchron.

Ein Buchungserlebnis, das überall passt

Entwickelt, um sich mit minimalem Aufwand in jede Website einzufügen und Ihnen gleichzeitig die volle Kontrolle über Aussehen, Verhalten und Nachverfolgung zu geben.

Einfach kopieren und einfügen

Fügen Sie ein kleines Element zu Ihrer Seite hinzu, und das Widget kümmert sich um den Rest. Kein Build-Schritt, kein Bundler, keine Abhängigkeiten zu verwalten.

Fügen Sie einfach ein <div data-yapp-widget data-company-id data-public-key>-Element ein
Wird automatisch beim Laden der Seite eingebunden
Kein Build-Schritt, npm install oder Framework-Setup erforderlich
In Minuten auf jeder bearbeitbaren Seite live
Einmal einfügen, und das Widget funktioniert, während sich Ihre Verfügbarkeit aktualisiert

Shadow-DOM-Stilisolierung

Das Widget rendert in seinem eigenen Shadow DOM, sodass seine Stile nie nach außen dringen und das CSS Ihrer Website nie eindringen kann. Es sieht immer richtig aus, egal wo Sie es platzieren.

Vollständige CSS-Isolierung über das Shadow DOM
Die Stile Ihrer Website können das Layout des Widgets nicht beeinträchtigen
Die Stile des Widgets können nicht mit Ihrer Seite kollidieren
Einheitliches Erscheinungsbild über alle Designs und Vorlagen
Keine CSS-Resets oder Spezifitäts-Workarounds erforderlich

In Ihren eigenen Ablauf einbinden

Hören Sie auf Widget-Ereignisse, um Buchungen genau so in Ihre Analysen, Ihr CRM oder Ihr individuelles Danke-Erlebnis einzubinden, wie Sie es möchten.

Das onBookingCreated-Ereignis wird ausgelöst, wenn eine Buchung erfolgreich ist
Das onError-Ereignis ermöglicht die Behandlung und Meldung von Fehlern
Conversion-Tracking und Analysen für echte Buchungen auslösen
Eigene Bestätigungsseiten und Folgeschritte steuern
Buchungen mit nachgelagerten Tools ohne benutzerdefinierte Backends verbinden

Design passend zu Ihrer Marke anpassen

Passen Sie Farben, Modus, Sprache und Startdienst direkt über die Einbettungsattribute an, damit das Widget wie ein natürlicher Teil Ihrer Website wirkt.

Hell- und Dunkelmodus sofort verfügbar
Markenfarbe mit data-primary-color festlegen
Anzeigesprache mit data-language überschreiben
Dienst mit dem optionalen Attribut data-service-id vorauswählen
Alles deklarativ über das Einbettungs-Tag konfigurieren

Simple Setup, Maximum Control

One snippet to embed, zero build tools to configure.

embed.html

<div data-yapp-widget
  data-company-id="cmp_abc123"
  data-public-key="pk_live_xyz789"
  data-primary-color="#a855f7"
  data-language="en"
  style="min-height: 500px;">
</div>

<script src="https://js.yappointment.com/v1/widget.js"></script>

Entwickelt für Websites in der Praxis

Die kleinen Details, die das Widget auf Produktionswebsites jeder Art zuverlässig machen.

Schnelle CDN-Auslieferung

Das Widget wird von https://js.yappointment.com/v1/widget.js ausgeliefert, lädt daher schnell und wird besuchernah gecacht.

Funktioniert mit jedem Stack

Ob Ihre Website aus reinem HTML, WordPress, React, Vue oder etwas anderem besteht — das Widget lässt sich immer auf die gleiche einfache Weise einbinden.

Schlank von Haus aus

Auf Preact aufgebaut, hält das Widget seinen Footprint klein, lädt schnell und belastet Ihre Seiten nicht.

Mehrsprachig bereit

Zeigen Sie den Buchungsablauf in der Sprache Ihrer Kunden an und überschreiben Sie ihn pro Seite mit einem einzigen data-language-Attribut.

Full API Reference & Guides

Deep dive into widget events, styling options, and advanced configuration with our developer documentation.

Complete widget API documentation with examples
Event listener patterns for custom workflows
Integration guides for popular frameworks

View Widget Docs

Bereit zu sehen, was sich verändert?

14 Tage. Voller Zugang. Keine Kreditkarte. Was riskieren Sie?

Unternehmer in ganz Europa haben das Admin-Chaos durch eine Plattform ersetzt, die einfach funktioniert. Machen Sie mit.

Kostenlos testen — 14 Tage Preise ansehen

14-tägige kostenlose Testphase • Immer provisionsfrei • Jederzeit kündbar