Der Hero ist das Erste, was deine Gäste sehen: ein großes Bild, dein Name, das Datum und ein Button, mit dem sie direkt zusagen können. Beim Geburtstag ist er schon hübsch vorbelegt, mit einem Stockfoto, dem Obertitel „Feier mit mir!" und dem Button „Jetzt zusagen". Du musst also nur noch deine eigenen Worte und dein Lieblingsfoto einsetzen.
Texte anpassen
Öffne im Editor Abschnitte → Hero und klapp den Bereich Inhalt auf.
Obertitel: die kleine Zeile über dem Namen, zum Beispiel „Feier mit mir!"
Titel: die große Headline, zum Beispiel „Lauras 30. Geburtstag". Dieses Feld ist ein Pflichtfeld.
Untertitel: ein Satz, der Lust auf den Tag macht
Datum, Uhrzeit und Ort: Das Datum ist ein Freitextfeld, du kannst also auch „15. Juni 2025" oder „Samstag, 15. Juni" schreiben.
Ein eigenes Hintergrundbild einsetzen
Klapp den Bereich Hintergrund auf.
Stell „Hintergrund-Typ" auf „Bild".
Lade unter „Hintergrundbild" dein Foto hoch (maximal 10 MB) oder such dir im Reiter „Stockfotos" ein kostenloses Bild aus.
Sitzt der Ausschnitt noch nicht ganz richtig? Wähl oben im Editor zuerst Desktop oder Mobile. Klick dann in der Vorschau auf dein Titelbild und zieh das Bild mit der Maus oder dem Finger genau dorthin, wo du es haben möchtest. Oben im Bild erscheint dazu der Hinweis „Bild greifen und verschieben". Schieben lässt sich das Bild nur in der Richtung, in der es über den Rand hinausragt.
Ist zu viel drumherum zu sehen, hol dir mit dem Regler „Bildzoom" im Panel den Ausschnitt näher heran. Bei 100 % ist kein Zoom gesetzt, dein Bild füllt die Fläche aus und wird je nach Format oben und unten oder an den Seiten beschnitten. Nach rechts geht es bis 300 %. Desktop und Mobile merken sich Ausschnitt und Zoom getrennt. Wenn du oben zwischen den Ansichten wechselst, zeigt der Regler deshalb den Wert der gewählten Ansicht. Solange du Mobile noch nicht eigens bearbeitet hast, übernimmt es deinen Desktop-Ausschnitt. Sehr hohe Werte können dein Foto unscharf machen, schau also in beiden Vorschauen, wie weit du gehen magst. Mit „Bildausschnitt zurücksetzen" setzt du nur die gerade gewählte Ansicht zurück.
Statt eines Bildes kannst du auch „Farbe" oder „Farbverlauf" wählen. Wirkt der Text auf deinem Foto zu blass, schalte den Regler „Overlay" ein. Er legt einen sanften Schleier über das Bild, dessen Farbe und Stärke du selbst bestimmst. Voreingestellt sind 35 %.
Layout, Countdown und Scroll-Pfeil
Layout: Unter Layout wählst du zwischen „Vollbild", „Geteilt (70%)" und „Minimal (50%)" und richtest den Text waagerecht und senkrecht aus.
Countdown: Unter Funktionen schaltest du „Countdown anzeigen" ein und wählst den Stil „Boxen", „Inline" oder „Minimal".
Scroll-Indikator: ein animierter Pfeil nach unten, der deinen Gästen zeigt, dass es weitergeht.
Gut zu wissen: Der Countdown zählt nur, wenn in den Einstellungen ein Datum der Feier hinterlegt ist. Ist der Termin vorbei, steht dort „Es ist soweit!".
Der Zusage-Button
Im Bereich Call-to-Action schaltest du den Button ein oder aus, änderst den Button-Text (voreingestellt „Jetzt zusagen") und wählst den Stil „Button", „Outline", „Link" oder „Mit Pfeil". Der Button springt immer zum Anmeldungs-Abschnitt auf derselben Seite, ein anderes Ziel lässt sich nicht einstellen. Deine Gäste landen also mit einem Klick direkt beim Formular.
Farben im Hero
Der Hero hat eigene Farbfelder, anders als alle anderen Abschnitte. Unter Farben setzt du Überschrift, Text, Button-Farbe und Button-Textfarbe. Jedes Feld hat ein Zurücksetzen-Symbol, mit dem du wieder zur Farbe deines Designs kommst.
Häufige Fragen
Warum kann ich den Hero nicht löschen?
Er ist als „Pflichtsektion" markiert, jede Seite braucht einen Anfang. Du kannst ihn aber komplett nach deinem Geschmack umbauen.
Wo ist die Öffnungs-Animation mit dem Briefumschlag?
Die liegt nicht im Hero, sondern unter Dashboard → Webseite → Tab „Umschlag-Intro". Es gibt sie jetzt auch für deinen Geburtstag, mit allen Umschlägen und einer Vorschau je Motiv. Und wenn du gerade erst startest: Im Einrichtungs-Assistenten wählst du sie im Schritt „Wähle deine Öffnungs-Animation" schon beim Anlegen.
Mein Text ist auf dem Foto kaum zu lesen.
Schalte im Bereich Hintergrund das Overlay ein und zieh die Overlay-Stärke hoch, bis der Text gut steht. Alternativ hilft ein ruhigeres Foto mit viel freier Fläche.