So funktioniert der Website-Baukasten
Deine öffentliche Coach-Website (nutrition.mybdy.io/dein-slug) besteht aus Sektionen, die du frei kombinierst, umsortierst und ein- oder ausblendest. Du bearbeitest sie im Portal unter Einstellungen > Website im Bereich „Inhalts-Sektionen". Jede Änderung ist nach dem Speichern sofort live.
Verfügbare Sektionen
| Sektion | Was sie zeigt |
|---|---|
| Hero | Großes Titelbild mit Überschrift — der erste Eindruck. |
| Über uns | Vorstellung von dir und deinem Angebot. |
| Programme | Automatische Liste deiner buchbaren Programme. |
| Blog-Vorschau | Deine neuesten Blog-Artikel als Teaser. |
| Rezept-Vorschau | Eine Auswahl deiner veröffentlichten Rezepte. |
| Newsletter | Anmelde-Formular mit Double-Opt-In. |
| Eigener Inhalt | Freier Text-Block mit Bild — für alles, was keine Standard-Sektion abdeckt. Optional mit eigenem Button (Text + Link) und Logo-Wasserzeichen (ab Pro). |
| Testimonials | Kundenstimmen (ab Pro). |
| FAQ | Häufige Fragen als Aufklapp-Liste (ab Pro). |
| Call-to-Action | Auffälliger Handlungs-Aufruf mit Button (ab Pro). |
Was dein Plan freischaltet
Hero, Über uns, Programme, Blog-Vorschau, Rezept-Vorschau und Newsletter sind in jedem Plan dabei. Die freien Gestaltungs-Sektionen hängen vom Plan ab:
| Plan | Eigener-Inhalt-Sektionen | Testimonials / FAQ / Call-to-Action |
|---|---|---|
| Basis | — | — |
| Pro | 1 | ✓ |
| Enterprise | bis zu 10 | ✓ |
„Eigener Inhalt" ist der flexibelste Block — Überschrift, Fließtext und ein Bild, das du links, rechts oder über die volle Breite platzierst. Damit baust du beliebige eigene Abschnitte (z. B. Methode, Ablauf, Preise-Erklärung). Auf Enterprise kannst du bis zu 10 davon anlegen, auf Pro 1.
KI-Assistent — Texte und Bilder auf Knopfdruck
Du musst nicht vor einem leeren Feld sitzen. Wenn du eine Sektion bearbeitest, findest du oben einen KI-Assistenten:
- KI-Vorschlag erstellen: erzeugt einen passenden Text für die jeweilige Sektion (Hero, Über mich, FAQ, Call-to-Action oder Eigener Inhalt) — auf Deutsch, in der Du-Form, abgestimmt auf deinen Coach-Namen und deinen Schwerpunkt. Der Vorschlag landet im Editor; du prüfst und speicherst ihn selbst.
- Überarbeiten: bei Text-Sektionen kannst du einen bestehenden Text weiter mit der KI verfeinern — schreib einfach eine Anweisung wie „kürzer", „freundlicher" oder „mehr für Familien".
- KI-Bild erstellen: für Hero, Über mich und Eigener-Inhalt-Sektionen generierst du ein passendes Bild direkt im Editor.
- Ganze Seite mit KI entwerfen: der Knopf oben füllt Hero, Über mich, FAQ und Call-to-Action in einem Schritt — ideal als Startpunkt, den du danach anpasst.
KI-Texte zählen zu deinem monatlichen KI-Kontingent (wie Blog- und Rezept-Generierung), KI-Bilder zu deinem Bild-Kontingent. Wichtig: Die KI schreibt keine erfundenen Kundenstimmen — Testimonials trägst du selbst ein.
Sektionen sortieren & verstecken
- Reihenfolge: Mit den Pfeilen ↑ ↓ schiebst du eine Sektion nach oben oder unten. Die Position auf der Website folgt sofort.
- Verstecken: Das Auge-Symbol blendet eine Sektion aus, ohne sie zu löschen — praktisch, um etwas vorzubereiten oder saisonal zu pausieren.
- Löschen: Entfernt die Sektion endgültig (mit Rückfrage).
Farben & Aussehen
- Design-Theme: Wähle unter Einstellungen → Website einen von fünf Stilen — Modern (cremeweiß, edel), Classic (warmes Beige, gemütlich), Bold (dunkel, energiegeladen), Frisch (reinweiß, clean) oder Natur (sanftes Salbeigrün, natürlich). Das setzt Schriften, Flächen und Stimmung für die ganze Seite — deine Markenfarbe und Inhalte bleiben gleich. Ein Theme statt einzelner Farb-Einstellungen sorgt dafür, dass alles stimmig zusammenpasst.
- Header-Leiste hell oder dunkel: Du entscheidest, ob die obere Leiste weiß oder in deiner dunklen Markenfarbe erscheint. Bei Dunkel bekommt dein Logo automatisch einen weißen Rahmen, damit es sichtbar bleibt.
- Unterseiten-Kopf hell oder dunkel: Der Kopfbereich auf den Unterseiten (Angebote, Blog, Rezepte, Team) lässt sich global auf hell (Standard) oder deine dunkle Markenfarbe stellen. Bei Dunkel wird die Schrift automatisch hell.
- Sektions-Hintergrund: Bei fast allen Sektionen (Hero, Über mich, Eigener Inhalt, Programme, Blog, Rezepte, Stimmen, FAQ, Newsletter) wählst du den Hintergrund — Weiß, Creme oder deine dunkle Markenfarbe. Bei dunklem Hintergrund wird die Schrift automatisch hell, auch deine Zwischenüberschriften — du musst nichts an den Farben einstellen. (Die Call-to-Action-Sektion ist immer dunkel.)
- Textbündigkeit: Bei „Über mich", „Eigener Inhalt" und „Call-to-Action" stellst du ein, ob der Text links, zentriert oder rechts ausgerichtet ist.
- Logo-Wasserzeichen: Bei „Eigener Inhalt" legst du dein Logo oder ein eigenes Bild dezent als Design-Akzent in den Hintergrund und wählst die Position (Ecken oder mittig). Ohne eigenes Bild nimmt es automatisch dein hochgeladenes Logo — auf dunklem Hintergrund erscheint es weiß; ein eigenes Bild bleibt in seinen echten Farben.
Die Abstände zwischen den Sektionen sind bewusst kompakt gehalten, damit Besucher:innen schnell durch deine Seite scrollen.
Limit erreicht?
Wenn du beim Hinzufügen eines „Eigener Inhalt"-Blocks die Meldung „Maximum erreicht" siehst, hast du die für deinen Plan freigeschalteten Blöcke verbraucht. Auf Enterprise sind es bis zu 10. Brauchst du mehr Standard-Sektionen statt freier Blöcke: Hero, Über uns, Programme, Blog, Rezepte und Newsletter sind unbegrenzt.
Schritt-für-Schritt
- 1 Im Portal: Einstellungen > Website öffnen
- 2 Unter "Inhalts-Sektionen" eine Sektionsart wählen und auf "Hinzufügen" klicken
- 3 Sektion anklicken, um Überschrift, Text und Bild zu bearbeiten
- 4 Optional: KI-Assistent nutzen — Vorschlag erstellen, überarbeiten oder „Ganze Seite mit KI entwerfen"
- 5 Mit den Pfeilen ↑ ↓ die Reihenfolge ändern (Drag entfällt — einfach verschieben)
- 6 Mit dem Auge-Symbol eine Sektion vorübergehend verstecken statt löschen
- 7 Speichern — die Änderung ist sofort auf deiner öffentlichen Website live