WordPress-Plugin: Booking Widget per Shortcode in Elementor einbinden

Das offizielle Dr. Flex Plugin bettet das Booking Widget per Shortcode, Gutenberg-Block oder Elementor-Builder in WordPress ein. In Elementor nutzt Du das Shortcode-Widget mit dem [drflex …]-Shortcode; den API-Key der Praxis hinterlegst Du in der Plugin-Konfiguration.

1. Plugin installieren: Im WordPress-Dashboard unter Plugins → Installieren nach „Dr. Flex“ suchen, Jetzt installieren und Aktivieren klicken. Den API-Key der Praxis (vom Dr. Flex Support) in der Plugin-Konfiguration hinterlegen.
2. Elementor öffnen: Die gewünschte Seite mit „Mit Elementor bearbeiten“ öffnen.
3. Shortcode-Widget hinzufügen: In der Widget-Palette nach „Shortcode“ suchen und das Widget per Drag-and-drop platzieren.
4. Shortcode eintragen: [drflex id=1 background=#f50 color=#00f border-radius=15.0px padding=10.0px text='Termin mit Dr. Flex buchen!' css-classes='eigene-klasse'] – Parameter genau so eingeben, wie sie benötigt werden.
5. Veröffentlichen und testen: Seite aktualisieren, im Live-Modus prüfen, bei Bedarf Abstände und Hintergrund über die Shortcode-Parameter anpassen und in verschiedenen Browsern und mobil kontrollieren.