Embed-Widgets auf externer Website

Embed-Widgets

Hast du bereits eine eigene Website (z. B. WordPress, SquareSpace, Wix, eine eigene HTML-Seite) und möchtest MYBDY Nutrition Funktionen einbetten ohne den Builder zu verwenden? Embed-Widgets sind die Lösung.

Verfügbare Widgets

Widget	Was zeigt es?
booking	Liste deiner Terminarten mit "Termin buchen"-Button. Klick öffnet die volle Buchungsseite.
newsletter	E-Mail-Anmelde-Formular mit Double-Opt-In.
packages	Übersicht deiner Programme mit Preis und Beschreibung.

Code zum Kopieren

Ersetze DEIN-SLUG mit deinem MYBDY Nutrition Slug:

<!-- Termin-Buchung -->
<script src="https://nutrition.mybdy.io/widget.js"
        data-tenant="DEIN-SLUG"
        data-feature="booking"></script>

<!-- Newsletter-Anmeldung -->
<script src="https://nutrition.mybdy.io/widget.js"
        data-tenant="DEIN-SLUG"
        data-feature="newsletter"
        data-source="meine-website"></script>

<!-- Programme -->
<script src="https://nutrition.mybdy.io/widget.js"
        data-tenant="DEIN-SLUG"
        data-feature="packages"></script>

WordPress

Im Editor einen "Custom HTML"-Block einfügen und den Code reinkopieren. Wichtig: kein "Visual"-Editor — der escapt das HTML.

SquareSpace / Wix

Bei SquareSpace heißt das Element "Code-Block", bei Wix "HTML-Embed". Funktioniert identisch.

Eigene HTML-Seite

Einfach an die gewünschte Stelle im <body> einfügen. Funktioniert auch lokal beim Entwickeln.

Anpassung

data-source (optional, nur für newsletter): Trackt, wo die Anmeldung herkommt (z. B. data-source="footer" oder data-source="blog-popup"). Erscheint als Tag in deinem MYBDY Nutrition Newsletter-Backend.
Branding: Buttons übernehmen automatisch deine Brand-Color aus den Business-Einstellungen.
Höhe: Wird automatisch angepasst, kein height-Attribut nötig.

Warum iframe?

Iframes verhindern, dass dein Site-CSS unsere Widgets überschreibt (oder umgekehrt). Du behältst volle Kontrolle über deine Site, wir liefern die Funktion.

Lebleicht-Beispiel

Raphaela nutzt das Booking-Embed auf lebleicht.at, um Cal.com zu ersetzen. deine Website blieb unverändert, nur ein Script-Tag ist neu — alle Buchungen landen jetzt direkt im MYBDY Nutrition Kalender.

Schritt-für-Schritt

1 Auf deiner externen Website (WordPress / SquareSpace / Wix / HTML) einen Custom-HTML-Block einfügen
2 Den passenden Script-Tag mit deinem Slug einfügen (booking / newsletter / packages)
3 Speichern — Widget rendert als iframe und passt sich automatisch an
4 Höhe wird per postMessage automatisch angepasst (kein manuelles Scrollen)