Dr. Flex Booking Widget richtig integrieren

Eine technische Anleitung für Webdesigner, WordPress-Agenturen und Marketing-Agenturen, die das Dr. Flex Booking Widget sauber in Praxis-Websites einbauen, mit Deeplinks anliegenbasierte CTAs steuern und mit Buchungstracking den vollständigen Funnel bis zur finalen Terminbuchung messbar machen.

Warum die richtige Integration den Unterschied macht

Das Dr. Flex Booking Widget ist die Online-Buchungsstrecke, die Patienten direkt auf der Praxis-Website nutzen – ohne Anruf, ohne Wartezeit, in ca. 30 Sekunden pro Termin. Eine saubere technische Einbindung entscheidet darüber, ob das Widget mobil performant lädt, ob Deeplinks anliegenbasierte CTAs ausspielen und ob Buchungen bis zum bestellten Termin durchgemessen werden können.

Für Agenturen, Webdesigner und technische Dienstleister bedeutet das: Wer die Integration sauber aufsetzt, liefert der Praxis nicht nur ein funktionierendes Tool, sondern eine messbare Conversion-Strecke – mit klarer Funnel-Sicht, sauberen Tracking-Events und kampagnenfähigen Deeplinks.

Was ist das Dr. Flex Booking Widget?

Das Booking Widget ist die zentrale Buchungs-Komponente der Dr. Flex Online-Terminvergabe. Es wird als JavaScript-Snippet oder über das offizielle WordPress-Plugin auf einer Praxis-Website eingebunden. Patienten sehen freie Slots in Echtzeit, wählen Sprechstunde und Behandler und buchen direkt – die Buchung landet ohne Umweg im Praxisverwaltungssystem (PVS) der Praxis.

Das Widget arbeitet nahtlos mit dem PVS-Connector (Echtzeit-Schnittstelle zu über 27 Praxisverwaltungssystemen), dem Praxis-Konfigurator (Sprechstunden, Behandler, Slots) und optional dem KI-Telefonassistenten Dr. Flex VoiceAI zusammen.

Dr. Flex ist DSGVO-konform und BSI C5-testiert (mit integriertem ISMS); Hosting erfolgt auf ISO 27001- und BSI C5-testierten Servern in Deutschland. Genutzt von über 14.100 medizinischen und dentalen Fachkräften, ab 39 €/Monat, ohne Vertragslaufzeit, monatlich kündbar.

Für wen diese Anleitung gedacht ist

Diese Anleitung richtet sich an alle technischen Dienstleister, die das Dr. Flex Booking Widget in Praxis-Websites einbauen oder bestehende Integrationen optimieren:

Webdesigner und Web-Agenturen, die Praxis-Websites neu aufsetzen oder relaunchen
WordPress-Agenturen, die das offizielle Dr. Flex Plugin verwenden
Marketing-Agenturen, die Kampagnen mit messbarer Buchungs-Conversion planen
SEO- und SEA-Agenturen, die Buchungs-Conversions als KPI in Google Analytics, Google Tag Manager oder Meta Pixel übergeben
Performance-Agenturen, die Funnel-Stufen analysieren und Drop-offs identifizieren
Technische Freelancer, die einzelne Integrations- oder Tracking-Aufgaben übernehmen

Zwei technische Integrations-Wege

JavaScript oder WordPress – zwei Wege für saubere Integrationen

Welche Integrationsart für eine Praxis-Website geeignet ist, hängt vom verwendeten CMS, dem gewünschten Tracking-Setup und der gewünschten Patient-Experience ab. Hier die zwei offiziell unterstützten Varianten im Überblick.

JavaScript-Einbindung (empfohlen)

Das embed.js-Script wird einmal im <head> eingebunden, der CTA ruft toggleDrFlexAppointments() auf. Voraussetzung für Buchungstracking und Deeplinks – deshalb Standard für Agentur-Integrationen mit Conversion-Tracking.

WordPress-Plugin

Offizielles Dr. Flex Plugin aus dem WordPress-Backend installieren, mit dem API-Key der Praxis freischalten. Liefert Codebeispiele für GA4, GTM und Meta Pixel direkt im Plugin-Backend mit. Ideal für Multi-Praxis-Agenturen.

JavaScript-Einbindung im Detail

Für eine Praxis mit einem Standort wird das embed.js-Script mit der medicalPracticeId der Praxis im <head> der Website eingebunden:

<script src="https://dr-flex.de/embed.js?medicalPracticeId=12345"></script>

Der CTA öffnet das Booking Widget per JavaScript-Aufruf:

<a href="javascript:toggleDrFlexAppointments()">Termin online buchen</a>

Für Multi-Praxis-Setups (mehrere Standorte) wird das Script ohne medicalPracticeId eingebunden und die jeweilige Praxis-ID erst beim Funktions-Aufruf übergeben:

<script src="https://dr-flex.de/embed.js"></script>
<a href="javascript:toggleDrFlexAppointments(12345)">Termin online buchen</a>

WordPress-Plugin

Das offizielle Dr. Flex Plugin ist im WordPress-Plugin-Verzeichnis verfügbar. Ablauf in der Agentur-Praxis:

Plugin im WordPress-Backend installieren und aktivieren
API-Key der Praxis vom Dr. Flex Support anfragen und im Plugin hinterlegen
Buttons über den Plugin-Shortcode oder die Plugin-Block-Komponente platzieren
Tracking-Codes über den Reiter „Codebeispiele“ des Plugins ins Feld „Callback“ kopieren

Optische Anpassung

Die Praxis hinterlegt im Praxis-Konfigurator einen Hex-Farbcode – das Booking Widget rendert daraufhin in der Praxis-Markenfarbe. Eine zusätzliche CSS-Anpassung auf Agentur-Seite ist nicht erforderlich und wird nicht empfohlen, weil ein Update am Widget-Frontend sonst die Anpassung überschreiben könnte.

Hinweis Go-Live

Das Booking Widget wird erst nach dem Einrichtungstermin der Praxis live geschaltet (Installationstermin 15–90 Minuten je nach Komplexität der Terminstrukturen des PVS). Wer das Widget vor Fertigstellung online stellt, riskiert Falschbuchungen – also immer kurz mit der Praxis rückkoppeln, bevor das Snippet live geht.

Deeplinks für anliegenbasierte Buchungsstrecken

Mit Deeplinks kann beim Öffnen des Booking Widgets gezielt eine bestimmte Sprechstunde, ein Behandler oder eine Kombination aus beidem vorausgewählt werden. Damit lassen sich CTAs auf der Praxis-Website präzise auf das jeweilige Patientenanliegen zuschneiden – etwa „Beratung buchen“, „Schmerztermin buchen“ oder „Kontrolle bei Dr. Müller buchen“.

Die technische Grundlage ist die JavaScript-Funktion toggleDrFlexAppointments(), der ein Optionen-Objekt mitgegeben wird. Voraussetzung ist die embed.js-Script-Einbindung im <head> der Website.

Sprechstunden-Filter

<a href="javascript:toggleDrFlexAppointments({consultationFilter: 'Kontrolle'})">
  Kontrolltermin buchen
</a>

Mit regulären Ausdrücken lassen sich mehrere Terminarten gleichzeitig adressieren:

<a href="javascript:toggleDrFlexAppointments({consultationFilter: 'Neupatient*'})">
  Termine für Neupatienten
</a>

Behandler-Filter

<a href="javascript:toggleDrFlexAppointments({therapistFilter: 'Dr. Melanie Musterfrau'})">
  Termin bei Dr. Melanie Musterfrau buchen
</a>

Alternativ über die Doktor-ID (im Dr. Flex Doktor-Konfigurator per Hover ablesbar):

<a href="javascript:toggleDrFlexAppointments({therapistIdFilter: [123, 234]})">
  Termin bei Dr. Meyer oder Dr. Müller buchen
</a>

Kombifilter

<a href="javascript:toggleDrFlexAppointments({consultationFilter: 'Kontrolle', therapistFilter: 'Dr. Müller'})">
  Kontrolle bei Dr. Müller buchen
</a>

Multi-Praxis-Variante

Bei mehreren Standorten wird die Praxis-ID als erstes Argument übergeben:

<a href="javascript:toggleDrFlexAppointments(12345, {consultationFilter: 'Kontrolle'})">
  Kontrolltermin buchen in Praxis-Nord
</a>

Acht typische Deeplink-CTAs für Praxis-Websites

Als Ausgangspunkt für anliegenbasierte Funnel-Buttons im Header, in der Hero, in Floating-Buttons, in Leistungsseiten oder im Footer:

„Beratungstermin buchen“ – consultationFilter: 'Beratung*'
„Prophylaxe / PZR buchen“ – consultationFilter: 'Prophylaxe*'
„Schmerztermin buchen“ – consultationFilter: 'Schmerz*'
„Kontrolltermin buchen“ – consultationFilter: 'Kontrolle*'
„Implantat-Beratung buchen“ – consultationFilter: 'Implantat*'
„Kieferorthopädie-Beratung buchen“ – consultationFilter: 'KFO*'
„Vorsorge / Check-up buchen“ – consultationFilter: 'Vorsorge*'
„Rückruftermin vereinbaren“ – consultationFilter: 'Rückruf*' (in Kombination mit einer Rückruf-Spalte im PVS)

Die exakten Sprechstunden-Bezeichnungen kommen aus dem Praxis-Konfigurator der jeweiligen Praxis – vor dem Live-Schalten der Deeplinks immer mit der Praxis abgleichen.

Platzierungs-Empfehlungen

Die höchste Conversion-Wirkung entsteht, wenn Deeplink-Buttons an mehreren Touchpoints der Website verfügbar sind:

Header / Sticky-Header – Haupt-CTA, der mitscrollt
Hero-Bereich der Startseite und der Leistungsseiten
Floating-Button mobil und Desktop (immer sichtbar)
FAQ-Einträge – Antworten münden in einen passenden Deeplink-CTA
Footer – letzter Touchpoint vor dem Verlassen der Seite
Mobile-Navigation – prominenter Eintrag in der Hamburger-Navigation
Anliegen-Cloud auf der Startseite – eine Sektion mit 4–6 Deeplink-Buttons

Fehlerbild

Wenn ein Filter auf keine Sprechstunde und keinen Behandler trifft, wird der Filter ignoriert und das normale Booking Widget ohne Vorauswahl geöffnet. Für stabile Deeplinks deshalb immer mit Wildcard-Pattern (z. B. Beratung*) arbeiten, falls die Praxis ihre Sprechstunden umbenennt.

Buchungstracking: Kampagnen bis zur finalen Terminbuchung messen

Für Marketing-Agenturen, die Performance-Kampagnen (Google Ads, Meta Ads, SEA, Newsletter) auf eine Praxis-Website ausspielen, ist die Frage entscheidend: „Wie viele Klicks wurden zu tatsächlich bestätigten Terminbuchungen?“ Das Buchungstracking des Dr. Flex Booking Widgets liefert genau diese Antwort – über vier definierte Events entlang des Buchungs-Funnels.

Die vier Buchungs-Events im Überblick

Event	Trigger-Punkt	Funnel-Stufe	Typischer Use-Case
`appointment_opened`	Patient wählt einen konkreten Termin – das Formular zur Eingabe von Name, Nummer und Rückfragen öffnet sich	Funnel-Einstieg (Intent)	Conversion-Vorstufe, UX- und Abbruchanalysen, Funnel-Top
`send`	Alle Pflichtfelder ausgefüllt, SMS-TAN wird angefordert	Mitte-Funnel (Form-Complete)	Drop-off-Analyse zwischen Formular und TAN
`confirm`	Patient hat die SMS-TAN eingegeben	Mitte-Funnel (TAN-Eingabe)	Abbruch-Detektion bei TAN-Verifikation
`tan_committed`	TAN erfolgreich geprüft, Buchung final bestätigt	Funnel-Ende (Conversion)	Buchungsbasierte Conversion-Ziele in GA4, GTM, Meta Pixel

Für buchungsbasierte Conversion-Ziele in Google Ads oder Meta Ads sollte ausschließlich das Event tan_committed verwendet werden – erst hier liegt eine final bestätigte Buchung mit eindeutiger Buchungs-ID vor.

Typische Tracking-Fragen, die Agenturen beantworten

Wie viele Patienten haben das Booking Widget geöffnet? (appointment_opened)
Wo bricht der größte Anteil ab – Formular oder TAN? (appointment_opened → send → confirm)
Wie hoch ist die Conversion-Rate vom Klick bis zur bestätigten Buchung? (tan_committed / Sitzungen)
Welche Kampagne, welcher Behandler, welche Sprechstunde generiert die meisten Buchungen? (Event-Label mit consultation / therapist)
Wie viele Termine wurden über Deeplink-CTAs gebucht? (Page-URL-Bezug)

Privacy-First-Hinweis: Tracking ist NICHT mehr automatisch enthalten

Dr. Flex hat das Booking Widget im Zuge eines Privacy-First-Ansatzes technisch überarbeitet. Tracking-Code für Google Analytics, Google Tag Manager oder Meta Pixel ist nicht mehr automatisch enthalten und muss – falls gewünscht – aktiv von der Agentur ergänzt werden.

Das hat zwei Konsequenzen für Agenturen:

Datenschutz bleibt vollständig in der Verantwortung der Praxis und der betreuenden Agentur. Es liegt an der Agentur, Einwilligungen über das Cookie-Banner / Consent-Management-Tool der Praxis-Website korrekt einzuholen und das Tracking erst nach Opt-in zu aktivieren. Die Code-Beispiele weiter unten sind Vorschläge ohne Gewähr – DSGVO-Vorgaben, Cookie-Banner-Logik und Einwilligungsmanagement sind zwingend einzuhalten.
Ohne aktives Setup laufen keine Tracking-Events. Wenn eine Praxis Buchungs-Conversion-Daten in GA4, Looker Studio, Meta Ads Manager oder einem CRM sehen möchte, muss die Agentur das Tracking explizit verkabeln.

Die Tiefen-Doku zum Buchungstracking inklusive aller Code-Snippets pflegt Dr. Flex zentral unter /aerzte/doku/Buchungstracking – dort liegen die jeweils aktuellsten autoritativen Beispiele.

Technischer Grundmechanismus: `analyticsCallback`

An jeder Stelle der Website, an der das Booking Widget per JavaScript geöffnet wird, muss ein zusätzliches JSON-Objekt mit einer Callback-Funktion namens analyticsCallback mitgegeben werden. Das Objekt muss bei jedem Funktions-Aufruf des Widgets erneut übergeben werden:

const drFlexData = {
    analyticsCallback: function (data) {
        // tracking code (siehe konkrete Beispiele weiter unten)
    }
};

Funktions-Aufrufe je nach Einbindungsart

Eine oder mehrere Praxen direkt eingebunden:

<script src="https://dr-flex.de/embed.js?medicalPracticeId=12345"></script>
<script>
    toggleDrFlexAppointments(drFlexData);
</script>

Generelle Einbindung für Einzel- oder Multipraxen per JavaScript:

<script src="https://dr-flex.de/embed.js"></script>
<script>
    toggleDrFlexAppointments(12345, drFlexData);
</script>

Struktur des `data`-Objekts

Der Funktions-Parameter data ist ein JSON-Objekt mit folgenden Keys:

["event", "category", "consultation", "label", "therapist", "insuranceType"]

Zusätzlich liefert Dr. Flex zwei Felder für eine eindeutige Identifikation einzelner Buchungen – wichtig für Conversion-Ziele und Server-Side-Tracking:

ordinalBookingID – eindeutige Buchungs-ID der Hauptbuchung. Bei appointment_opened, send und confirm immer null. Bei tan_committed immer gefüllt.
combinedOrdinalBookingIds – Array mit zusätzlichen Buchungs-IDs bei Kombi-Terminen, sonst ein leeres Array.

Code-Beispiele für GA4, Google Tag Manager und Meta Pixel

Die folgenden Beispiele zeigen mögliche Implementierungen der analyticsCallback-Funktion. Sie dienen als Orientierung und müssen projektspezifisch angepasst werden. Datenschutzrechtliche Vorgaben (DSGVO, Einwilligungen, Cookie-Banner) sind zwingend einzuhalten.

Google Analytics 4 (GA4)

const drFlexData = {
    analyticsCallback: function (data) {
        if (typeof window.gtag === "function") {
            if (typeof data === "object") {
                window.gtag("event", data.category, {
                    event_category: data.category,
                    event_label: data.label,
                    value:
                        data.consultation +
                        " " +
                        data.therapist +
                        " " +
                        data.insuranceType,
                });
            }
        }
    },
};

Google Tag Manager

const drFlexData = {
    analyticsCallback: function (data) {
        if (typeof window.dataLayer !== "undefined") {
            if (typeof data === "object") {
                window.dataLayer.push({
                    event: "Terminbuchung",
                    category: data.category,
                    label: data.label,
                    consultation: data.consultation,
                    therapist: data.therapist,
                    insuranceType: data.insuranceType,
                });
            }
        }
    },
};

Meta Pixel (Facebook Pixel)

const drFlexData = {
    analyticsCallback: function (data) {
        if (typeof window.fbq === "function") {
            window.fbq("trackCustom", "Terminbuchung", data);

            if (data.category === "confirm") {
                window.fbq("track", "PageView");
            }
        }
    },
};

WordPress-Setup

Im WordPress-Plugin werden Tracking-Codes über den Reiter „Codebeispiele“ ausgewählt und unter „Konfiguration“ in das Feld „Callback“ eingefügt. Der Plugin-typische Ablauf in der Agentur-Praxis:

WordPress-Adminbereich öffnen
Dr. Flex Plugin aufrufen
Reiter „Codebeispiele“ auswählen
Passenden Code (GA4 / GTM / Meta Pixel) kopieren
Unter „Konfiguration“ in das Feld „Callback“ einfügen
Speichern

Testing in der Browser-Konsole

Während der Implementierung lassen sich die Events direkt in der Browser-Entwickler-Konsole prüfen. Im analyticsCallback ein console.log(data); einfügen – oder bei GTM-Setup im dataLayer schauen:

const drFlexData = {
    analyticsCallback: function (data) {
        console.log(data);
    }
};

Dann auf der Praxis-Website das Booking Widget öffnen, einen Termin auswählen, ins Formular klicken – in der Konsole sollte sofort ein appointment_opened-Event mit den passenden Termininformationen erscheinen. Weitere nützliche Hilfsmittel: GTM Preview-Modus, GA4 DebugView und der Meta Pixel Helper (Chrome Extension).

Testing-Checkliste vor dem Go-Live

Bevor das Booking Widget einer Praxis live geht, lohnt sich ein strukturierter Pre-Launch-Check. Die folgenden 19 Punkte decken Funktionalität, Deeplinks, Tracking, Mobile-Render, Datenschutz und Performance ab – als Vorlage für Agentur-interne QA-Checklisten gedacht.

Funktionale Prüfung

embed.js-Script ist im <head> der Website eingebunden und lädt ohne 404 / CORS-Fehler
CTA öffnet das Widget auf der Startseite, in der Hero, im Footer und in der Mobile-Navigation
Praxis-ID im medicalPracticeId-Parameter ist korrekt (mit der Praxis abgleichen)
Booking Widget zeigt freie Slots in Echtzeit – keine leere Liste, kein Fehlerzustand
Buchung end-to-end durchgespielt: Slot wählen, Formular ausfüllen, TAN per SMS empfangen, TAN eingeben, Bestätigung sehen

Deeplink-Prüfung

Sprechstunden-Deeplinks zeigen nur die gewünschten Terminarten an (z. B. nur „Prophylaxe“)
Behandler-Deeplinks zeigen nur den gewünschten Behandler an
Kombi-Deeplinks kombinieren Sprechstunde und Behandler korrekt
Wildcard-Pattern (Beratung*) erfasst alle gewünschten Varianten
Fallback-Verhalten bei nicht passendem Filter (volles Widget) wurde mit Absicht getestet

Tracking-Prüfung

appointment_opened-Event erscheint in der Browser-Konsole bzw. im dataLayer, wenn ein Slot ausgewählt wird
send-Event wird ausgelöst, wenn die SMS-TAN angefordert wird
confirm-Event wird ausgelöst, wenn die TAN eingegeben wird
tan_committed-Event wird ausgelöst, wenn die Buchung final bestätigt ist – inklusive ordinalBookingID
GA4 DebugView, GTM Preview-Modus und Meta Pixel Helper zeigen die Events korrekt an

Datenschutz und Performance

Cookie-Banner / Consent-Management ist verkabelt – Tracking-Events laufen nur nach Opt-in
Ergänzung der Datenschutzerklärung der Praxis-Website ist eingefügt (Vorlage: /aerzte/doku/ergaezung-datenschutzerklaerung-dr-flex)
Mobile-Rendering auf iPhone und Android prüfen – Widget lädt schnell, ist scrollbar, Formular ist bedienbar
Page-Speed: das Script blockiert nicht das initiale Rendering und lädt asynchron – Lighthouse-Lauf nach Integration zur Kontrolle

Best Practices für Agenturen

Erfahrungswerte aus vielen Hundert Praxis-Integrationen, gesammelt als Leitplanken für Agentur-Projekte:

JavaScript-Variante als Standard. Nur über die JavaScript-Variante sind Tracking-Events und Deeplinks verfügbar. Für reine WordPress-Setups ist alternativ das offizielle Dr. Flex Plugin die zweite offiziell unterstützte Integrations-Variante.
Deeplinks von Anfang an mitdenken. Beim Aufsetzen der Praxis-Website gleich eine kleine „Anliegen-Cloud“ (4–6 Buttons) prominent platzieren.
CTA im Header sticky machen. Ein mitscrollender Buchungs-CTA hebt die Conversion deutlich – erfahrungsgemäß liegt die Steigerung der Klickrate auf den Buchungs-CTA bei rund 87 % gegenüber statischen Implementierungen.
Floating-Button mobil + Desktop. Immer sichtbarer Buchungs-CTA – besonders auf mobilen Geräten Conversion-relevant.
Footer-CTA nicht vergessen. Wer ganz runterscrollt, hat aktiv Interesse – ein CTA im Footer ist Pflicht.
Kontakt-Seite mit primärem Buchungs-CTA. Auf der Kontakt-Seite ist der Buchungs-CTA der Haupt-CTA – die Telefonnummer nur sekundär.
FAQ mit Buchungs-Brigde. Jede FAQ-Antwort, die auf ein Anliegen Bezug nimmt, mündet in einen passenden Deeplink-CTA („Beratung jetzt buchen“).
Cookie-Banner / Consent vor Tracking. Tracking-Code erst nach Einwilligung auslösen – sonst DSGVO-Verstoss.
Datenschutzerklärung erweitern. Mit der Dr. Flex-Ergänzungs-Vorlage arbeiten und nicht aus zweiter Hand zusammenkopieren.
Conversion-Ziel auf tan_committed. Andere Events sind Funnel-Stufen, keine Conversions – Buchungs-Ziel in Google Ads / Meta Ads ausschließlich auf tan_committed.
ordinalBookingID für Server-Side-Tracking. Wer ein eigenes CRM oder einen Server-Side-Container betreibt, verknüpft die Buchung über ordinalBookingID mit Lead-Daten.
Mobile-First-QA. Mobile zuerst prüfen – die Mehrheit der Buchungen kommt vom Smartphone.
Vor Go-Live mit der Praxis abstimmen. Das Booking Widget erst nach dem Einrichtungstermin der Praxis live schalten – sonst Risiko von Falschbuchungen.
Praxis-Markenfarbe über den Praxis-Konfigurator der Praxis setzen lassen – keine CSS-Override-Patches auf Agentur-Seite.
Dokumentation für die Praxis hinterlegen. Kurze Agentur-interne Doku mit den verbauten Deeplinks, Tracking-Events und dem Wartungs-Procedere ablegen – erleichtert spätere Übergaben.

Weiterführende Inspiration zu Patient-Funnels, FAQ-Strategien und Anliegen-Buttons: das Dr. Flex Beispielmuster „Zen-Praxis Website“ unter /produkt/zen-praxis/Website.

Support und Partneragentur

Direkter Support durch das Dr. Flex Team

Dr. Flex selbst übernimmt die Einrichtung des Buchungstrackings nicht. Für Rückfragen zu PVS-Integration, API-Keys, Praxis-IDs, Sprechstunden-Bezeichnungen und Konfigurations-Themen ist das Dr. Flex Team direkt erreichbar:

Telefon: 030 555 707 380
E-Mail: info@dr-flex.de
Tracking-Doku (autoritativ): /aerzte/doku/Buchungstracking
Deeplinks-Doku (autoritativ): /aerzte/doku/deeplinks
Datenschutz-Ergänzung: /aerzte/doku/ergaezung-datenschutzerklaerung-dr-flex

Partneragentur Brands & Friends

Falls eine Praxis die Integration nicht selbst beauftragen kann oder eine schlüsselfertige Umsetzung wünscht, arbeitet Dr. Flex mit der Partneragentur Brands & Friends zusammen. Brands & Friends übernimmt auf Wunsch die komplette Web-Integration (Script-Einbindung, Deeplink-Buttons, Tracking, Datenschutz-Anpassung) für Praxis-Websites – als kostenpflichtige Dienstleistung.

Website: brands-and-friends.de
Telefon: 02541 84450
E-Mail: info@bandf.de
Pauschal-Abrechnung Web-Integration: 99 €, abgerechnet über Dr. Flex

Hinweis für Agenturen: Brands & Friends ist als dedizierte Partneragentur positioniert. Wer eigene Agentur-Leistungen anbietet, kann das Routing zur Partneragentur entweder optional anbieten oder überspringen – das Modell ist Co-Existenz, kein Konkurrenz-Verhältnis.

Häufige Fragen rund um Integration und Buchungstracking

Antworten auf die typischen Fragen von Webdesignern, WordPress-Agenturen und Marketing-Agenturen.

Ab wann darf das Booking Widget auf der Praxis-Website live gehen?

Erst nach dem Einrichtungstermin der Praxis. Vorher kann es zu Falschbuchungen kommen, weil Sprechstunden, Behandler und Slots noch nicht vollständig konfiguriert sind. Im Zweifel kurze Rücksprache mit der Praxis halten.

Welche Integrationsvariante ist für eine Agentur die Standard-Empfehlung?

Die JavaScript-Variante mit embed.js im <head> und CTA-Aufruf von toggleDrFlexAppointments(). Sie ist Voraussetzung für Buchungstracking und Deeplinks und damit Standard für Agentur-Integrationen mit Conversion-Tracking. Für reine WordPress-Websites ist alternativ das offizielle Dr. Flex Plugin geeignet.

Kann das Booking Widget in der Markenfarbe der Praxis dargestellt werden?

Ja. Die Praxis hinterlegt im Praxis-Konfigurator einen Hex-Farbcode – das Booking Widget rendert dann in der Markenfarbe der Praxis. Eine zusätzliche CSS-Anpassung auf Agentur-Seite ist nicht nötig und nicht empfohlen.

Wie werden mehrere Praxisstandorte abgebildet?

Bei Multi-Praxis-Setups wird das embed.js-Script ohne medicalPracticeId eingebunden und die Praxis-ID erst beim Funktions-Aufruf übergeben – etwa toggleDrFlexAppointments(12345) für einen Standort oder toggleDrFlexAppointments(id1, id2, id3, ...) für mehrere. Die Praxis-IDs liefert der Dr. Flex Support auf Anfrage.

Wie lassen sich nur bestimmte Sprechstunden oder Behandler anzeigen?

Über Deeplinks. toggleDrFlexAppointments({consultationFilter: 'Kontrolle'}) zeigt nur die Terminart „Kontrolle“, therapistFilter: 'Dr. Müller' nur Dr. Müller, beides lässt sich kombinieren. Eine vollständige Beispielsammlung steht im Abschnitt „Deeplinks“ weiter oben sowie unter /aerzte/doku/deeplinks.

Welche Tracking-Events liefert das Booking Widget?

Vier Events entlang des Buchungs-Funnels: appointment_opened (Slot ausgewählt, Formular geöffnet), send (SMS-TAN angefordert), confirm (TAN eingegeben) und tan_committed (Buchung final bestätigt). Conversion-Ziele in GA4 oder Meta Ads sollten ausschließlich auf tan_committed gesetzt werden.

Warum ist Tracking-Code nicht mehr automatisch im Booking Widget enthalten?

Im Zuge eines Privacy-First-Ansatzes hat Dr. Flex die Tracking-Funktionalität aus dem Basis-Code des Widgets entfernt. Tracking-Events für GA4, GTM oder Meta Pixel laufen erst, wenn die Agentur eine analyticsCallback-Funktion verkabelt – nach Opt-in im Cookie-Banner.

Wo finden Agenturen die autoritative Tracking-Doku mit aktuellen Code-Snippets?

Unter /aerzte/doku/Buchungstracking pflegt Dr. Flex die jeweils aktuellen Code-Beispiele für GA4, GTM und Meta Pixel inklusive der data-Objekt-Struktur. Diese Doku ist die Single-Source-of-Truth für Implementierungs-Details.

Was muss in der Datenschutzerklärung der Praxis-Website ergänzt werden?

Dr. Flex stellt eine Ergänzungs-Vorlage für die Datenschutzerklärung der Praxis-Website bereit. Sie deckt die Buchungs-Datenflüsse zu Dr. Flex ab und sollte vor dem Go-Live in die Datenschutzerklärung der Praxis aufgenommen werden: /aerzte/doku/ergaezung-datenschutzerklaerung-dr-flex.

Was kostet das Dr. Flex Booking Widget die Praxis?

Dr. Flex startet ab 39 €/Monat, ohne Vertragslaufzeit, monatlich kündbar. Das Booking Widget ist Teil des Funktionsumfangs der Online-Terminvergabe, der Pricing-Vergleich (Booking + KI-Telefonassistent VoiceAI + Combi-Tarif) liegt auf /aerzte/preis.

Wer kann eine Praxis bei der Web-Integration unterstützen, wenn keine eigene Agentur vorhanden ist?

Dr. Flex arbeitet mit der Partneragentur Brands & Friends zusammen. Brands & Friends übernimmt auf Wunsch die komplette Web-Integration der Praxis-Website als kostenpflichtige Dienstleistung (99 €, abgerechnet über Dr. Flex). Kontakt: brands-and-friends.de, Telefon 02541 84450, E-Mail info@bandf.de.

Bereit für eine saubere Integration?

Wer das Booking Widget technisch sauber integriert, mit Deeplinks die richtige Anliegen-Struktur ausspielt und mit Buchungstracking den Funnel bis zur bestätigten Buchung sichtbar macht, liefert der Praxis nicht nur ein Buchungs-Tool – sondern eine messbare Conversion-Strecke.

Die autoritativen Detail-Dokus ergänzen diese Anleitung mit den jeweils aktuellsten Code-Snippets:

Weiterführende Cross-Links rund um die Plattform-Story:

Für Rückfragen zur Integration, PVS-Anbindung oder API-Keys ist das Dr. Flex Team direkt erreichbar: Telefon 030 555 707 380 und E-Mail info@dr-flex.de.

AGB für Ärzte AGB für Patienten Impressum Datenschutzerklärung Barrierefreiheit

Dr. Flex Booking Widget richtig integrieren

Warum die richtige Integration den Unterschied macht

Was ist das Dr. Flex Booking Widget?

Für wen diese Anleitung gedacht ist

Zwei technische Integrations-Wege

JavaScript oder WordPress – zwei Wege für saubere Integrationen

JavaScript-Einbindung (empfohlen)

WordPress-Plugin

JavaScript-Einbindung im Detail

WordPress-Plugin

Optische Anpassung

Hinweis Go-Live

Deeplinks für anliegenbasierte Buchungsstrecken

Sprechstunden-Filter

Behandler-Filter

Kombifilter

Multi-Praxis-Variante

Acht typische Deeplink-CTAs für Praxis-Websites

Platzierungs-Empfehlungen

Fehlerbild

Buchungstracking: Kampagnen bis zur finalen Terminbuchung messen

Die vier Buchungs-Events im Überblick

Typische Tracking-Fragen, die Agenturen beantworten

Privacy-First-Hinweis: Tracking ist NICHT mehr automatisch enthalten

Technischer Grundmechanismus: analyticsCallback

Funktions-Aufrufe je nach Einbindungsart

Struktur des data-Objekts

Code-Beispiele für GA4, Google Tag Manager und Meta Pixel

Google Analytics 4 (GA4)

Google Tag Manager

Meta Pixel (Facebook Pixel)

WordPress-Setup

Testing in der Browser-Konsole

Testing-Checkliste vor dem Go-Live

Funktionale Prüfung

Deeplink-Prüfung

Tracking-Prüfung

Datenschutz und Performance

Best Practices für Agenturen

Support und Partneragentur

Direkter Support durch das Dr. Flex Team

Partneragentur Brands & Friends

Häufige Fragen rund um Integration und Buchungstracking

Ab wann darf das Booking Widget auf der Praxis-Website live gehen?

Welche Integrationsvariante ist für eine Agentur die Standard-Empfehlung?

Kann das Booking Widget in der Markenfarbe der Praxis dargestellt werden?

Wie werden mehrere Praxisstandorte abgebildet?

Wie lassen sich nur bestimmte Sprechstunden oder Behandler anzeigen?

Welche Tracking-Events liefert das Booking Widget?

Warum ist Tracking-Code nicht mehr automatisch im Booking Widget enthalten?

Wo finden Agenturen die autoritative Tracking-Doku mit aktuellen Code-Snippets?

Was muss in der Datenschutzerklärung der Praxis-Website ergänzt werden?

Was kostet das Dr. Flex Booking Widget die Praxis?

Wer kann eine Praxis bei der Web-Integration unterstützen, wenn keine eigene Agentur vorhanden ist?

Bereit für eine saubere Integration?

Hilfe & Support

Fachrichtung

Praxis-Software

Unternehmen

Technischer Grundmechanismus: `analyticsCallback`

Struktur des `data`-Objekts