Website gestalten — Sektionen & Inhalte

Deine Coach-Website aus Sektionen aufbauen: Hero, Über uns, Programme, Blog, Rezepte, Newsletter — plus Eigene-Inhalt-Blöcke, Testimonials, FAQ und Call-to-Action ab Pro. Mit KI-Assistent für Texte und Bilder.

Zuletzt aktualisiert: 2026-06-25

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

SektionWas sie zeigt
HeroGroßes Titelbild mit Überschrift — der erste Eindruck.
Über unsVorstellung von dir und deinem Angebot.
ProgrammeAutomatische Liste deiner buchbaren Programme.
Blog-VorschauDeine neuesten Blog-Artikel als Teaser.
Rezept-VorschauEine Auswahl deiner veröffentlichten Rezepte.
NewsletterAnmelde-Formular mit Double-Opt-In.
Eigener InhaltFreier Text-Block mit Bild — für alles, was keine Standard-Sektion abdeckt. Optional mit eigenem Button (Text + Link) und Logo-Wasserzeichen (ab Pro).
TestimonialsKundenstimmen (ab Pro).
FAQHäufige Fragen als Aufklapp-Liste (ab Pro).
Call-to-ActionAuffä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:

PlanEigener-Inhalt-SektionenTestimonials / FAQ / Call-to-Action
Basis
Pro1
Enterprisebis 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. 1 Im Portal: Einstellungen > Website öffnen
  2. 2 Unter "Inhalts-Sektionen" eine Sektionsart wählen und auf "Hinzufügen" klicken
  3. 3 Sektion anklicken, um Überschrift, Text und Bild zu bearbeiten
  4. 4 Optional: KI-Assistent nutzen — Vorschlag erstellen, überarbeiten oder „Ganze Seite mit KI entwerfen"
  5. 5 Mit den Pfeilen ↑ ↓ die Reihenfolge ändern (Drag entfällt — einfach verschieben)
  6. 6 Mit dem Auge-Symbol eine Sektion vorübergehend verstecken statt löschen
  7. 7 Speichern — die Änderung ist sofort auf deiner öffentlichen Website live

Verwandte Artikel

Zurück zu Website & eigene Domain

Cookie-Einstellungen

Wir verwenden Cookies, um dir die bestmögliche Erfahrung zu bieten.