Dr. Flex in die Praxiswebsite einbauen – modular, mit Deep-Links.

Binde das Embed-Script mit der Praxis-ID im <head> der Website ein und öffne das Widget über einen Button, der die JavaScript-Funktion aufruft:

• Script: <script src="https://dr-flex.de/embed.js?medicalPracticeId=[PraxisID]"></script>
• Button: <a href="javascript:toggleDrFlexAppointments()">Termin online buchen</a>

Für Websites mit mehreren Standorten wird das Script ohne Praxis-ID eingebunden und die ID erst beim Aufruf übergeben: toggleDrFlexAppointments([PraxisID]). Die Praxis-ID bekommt die Praxis vom Dr. Flex Support.

Ausführliche Anleitung: Booking Widget einbinden: embed.js, Button-Aufruf, Multi-Praxis und Go-live-Checkliste

Das Prinzip: Jeder Button auf der Praxiswebsite springt direkt in den passenden Prozess. Fürs Booking Widget steuerst Du das über Deep-Links – „Kontrolltermin buchen“, „Termin bei Dr. Müller“, „Neupatienten“ mit vorausgewählter Terminart oder Behandler. Nutzt die Praxis die WebAI, stellt sie häufige Anliegen (Termin, Rezept, Überweisung, Frage zur Rechnung, Rückruf) im Praxis-Konfigurator als Deeplink-Menü zusammen; jeder Eintrag öffnet die WebAI direkt im Anliegen. Eine kleine „Anliegen-Cloud“ aus vier bis sechs Buttons gehört deshalb von Anfang an in Hero, Leistungsseiten und Kontaktseite.

Nein. Alle Buchungsfunktionen des Booking Widgets stecken auch in der WebAI; dazu kommen Terminverwaltung, Antworten aus dem Praxiswissen und strukturierte Anliegen. Die Einbindung auf der Website bleibt wie gewohnt, auch für WordPress – ein Button „Termin, Rezept oder Frage?“ ersetzt viele Formulare. Welche Anliegen die WebAI anbietet, stellt die Praxis im Praxis-Konfigurator ein.

Die Buchung findet vollständig auf der Praxiswebsite statt: Das Booking Widget öffnet sich inline, passt sich an Praxisfarben und Typografie an und trägt kein dominantes Dr. Flex Logo. Patienten erleben die Buchung als Service der Praxis.

Die Funktion toggleDrFlexAppointments() nimmt ein Optionen-Objekt entgegen:

• consultationFilter: 'Kontrolle' zeigt nur die Terminart „Kontrolle“; reguläre Ausdrücke wie 'Neupatient*' treffen mehrere Terminarten.
• therapistFilter: 'Dr. Melanie Musterfrau' schränkt auf einen Behandler ein (ebenfalls als regulärer Ausdruck).
• therapistIdFilter: [123, 234] filtert über die Doktor-ID; sie erscheint beim Hover über den Behandler im Dr. Flex Doktor-Konfigurator.

Sprechstunden- und Behandler-Filter lassen sich kombinieren, zum Beispiel {consultationFilter: 'Kontrolle', therapistFilter: 'Dr. Müller'}.

Ausführliche Anleitung: Deep-Links: Terminart und Behandler im Booking Widget vorauswählen (consultationFilter, therapistFilter)

Bei Booking Widgets mit mehreren Standorten wird die Praxis-ID als erstes Argument übergeben, das Filter-Objekt als zweites: toggleDrFlexAppointments([PraxisID], {consultationFilter: 'Kontrolle'}). Das Embed-Script bindest Du dann ohne Praxis-ID ein. Liegen die Praxis-IDs nicht vor, hilft der Dr. Flex Support.

Ausführliche Anleitung: Deep-Links: Terminart und Behandler im Booking Widget vorauswählen (consultationFilter, therapistFilter)

Trifft ein Filter auf keine einzige Sprechstunde oder keinen Behandler zu, wird er ignoriert und das normale Booking Widget ohne Vorauswahl angezeigt. Prüfe die Schreibweise der Terminart bzw. des Behandlernamens im Praxis-Konfigurator – der Filter ist ein regulärer Ausdruck.

Ausführliche Anleitung: Deep-Links: Terminart und Behandler im Booking Widget vorauswählen (consultationFilter, therapistFilter)

Installiere das Plugin „Dr. Flex“ aus dem WordPress-Verzeichnis oder per Upload, hinterlege den API-Key der Praxis (vom Dr. Flex Support) in der Plugin-Konfiguration und platziere den Buchungsbutton per Shortcode, als Gutenberg-Block oder im Elementor-Builder. Andere Page-Builder funktionieren über die Shortcode-Integration; unterstützt werden alle aktuellen WordPress-Versionen ab 5.x.

Ausführliche Anleitung: WordPress-Plugin: Booking Widget per Shortcode in Elementor einbinden

Zieh im Elementor-Editor das „Shortcode“-Widget an die gewünschte Stelle und trage den Dr. Flex Shortcode ein, zum Beispiel:

[drflex id=1 background=#f50 color=#00f border-radius=15.0px padding=10.0px text='Termin mit Dr. Flex buchen!' css-classes='eigene-klasse']

Danach die Seite veröffentlichen und im Live-Modus prüfen. Abstände und Hintergrund passt Du über die Parameter des Shortcodes an.

Ausführliche Anleitung: WordPress-Plugin: Booking Widget per Shortcode in Elementor einbinden

Das Widget liefert Buchungs-Events über eine Callback-Funktion, die Du an jeder Stelle mitgibst, an der das Widget geöffnet wird:

const drFlexData = { analyticsCallback: function (data) { /* Tracking-Code */ } }; und dann toggleDrFlexAppointments(drFlexData) bzw. toggleDrFlexAppointments([PraxisID], drFlexData).

Das data-Objekt enthält die Keys event, category, consultation, label, therapist und insuranceType; fertige Beispiele für GA4 (gtag), Tag Manager (dataLayer.push) und Meta Pixel (fbq) stehen im Artikel. Im WordPress-Plugin kopierst Du das Beispiel aus dem Reiter „Codebeispiele“ in das Feld „Callback“.

Ausführliche Anleitung: Buchungs-Tracking mit analyticsCallback: Events für GA4, Google Tag Manager und Meta Pixel

Vier Events entlang des Funnels: appointment_opened (Termin gewählt, Formular öffnet sich), send (SMS-TAN angefordert), confirm (TAN eingegeben) und tan_committed (Buchung final bestätigt). Für buchungsbasierte Conversion-Ziele in GA4, Google Ads oder Meta solltest Du ausschließlich tan_committed verwenden – erst hier liegt eine bestätigte Buchung mit eindeutiger ordinalBookingID vor; combinedOrdinalBookingIds enthält bei Kombiterminen die weiteren Buchungs-IDs.

Ausführliche Anleitung: Buchungs-Tracking mit analyticsCallback: Events für GA4, Google Tag Manager und Meta Pixel

Nein. Im Zuge des Privacy-First-Ansatzes wurde Tracking vollständig aus dem Basis-Code des Widgets entfernt; Dr. Flex setzt keine Cookies zu Tracking-Zwecken und lädt keinen Tracking-Code. Wenn eine Praxis Buchungs-Conversions sehen will, verkabelt die Agentur das Tracking über analyticsCallback – und holt die Einwilligung über das Consent-Tool der Praxiswebsite ein, bevor Tracking-Events ausgelöst werden.

Öffne die Praxiswebsite, starte das Booking Widget, klicke bis zum Feld „Vorname“, öffne die Entwicklerkonsole und gib dataLayer ein: Es sollte ein appointment_opened-Event mit den Termininformationen erscheinen. Im Callback kannst Du mit console.log(data) jedes Event prüfen; GA4 DebugView und der GTM-Vorschaumodus zeigen die weiteren Events bis tan_committed.

Ausführliche Anleitung: Buchungs-Tracking mit analyticsCallback: Events für GA4, Google Tag Manager und Meta Pixel

Nein. Farben, Schriftarten und Buttons passen sich dem Corporate Design der Praxiswebsite an; die Praxis hinterlegt im Praxis-Konfigurator einen Hex-Farbcode, in dem das Widget rendert. Eigene CSS-Anpassungen am Widget sind nicht nötig und werden nicht empfohlen, weil ein Update am Widget-Frontend sie überschreiben könnte.

Praxis-ID (medicalPracticeId) und den API-Key fürs WordPress-Plugin stellt der Dr. Flex Support bereit – telefonisch unter 030 555 707 380 oder per E-Mail an info@dr-flex.de. Live geschaltet wird das Booking Widget erst nach dem Einrichtungstermin der Praxis mit unserem Support; bis dahin kannst Du die Einbindung vorbereiten.

Embed-Script lädt ohne Fehler, jeder CTA öffnet das Widget (Startseite, Hero, Footer, mobile Navigation), Praxis-ID stimmt, freie Slots erscheinen, eine Buchung wurde end-to-end durchgespielt (Slot, Formular, SMS-TAN, Bestätigung). Dann Deep-Links (nur gewünschte Terminarten bzw. Behandler, Fallback bei leerem Filter) und Tracking (alle vier Events, tan_committed mit Buchungs-ID) – die vollständige Liste steht im Artikel Booking Widget einbinden.

Ausführliche Anleitung: Booking Widget einbinden: embed.js, Button-Aufruf, Multi-Praxis und Go-live-Checkliste

Dr. Flex stellt einen empfohlenen Absatz „Online-Terminvergabe mit Dr. Flex“ bereit, der den Dienst, den Anbieter und den Zweck der Datenverarbeitung beschreibt. Arbeite mit dieser Vorlage statt aus zweiter Hand zusammenzukopieren – den Text findest Du im Artikel Datenschutzerklärung ergänzen.

Ausführliche Anleitung: Datenschutzerklärung der Praxis ergänzen – Textbaustein für die Online-Terminvergabe mit Dr. Flex