Skip to main content

Designing the cover image of your birthday page

How to set up the Hero section: cover image, headline, date, countdown and the „Jetzt zusagen" button.

Written by Max Weber

The Hero is the very first thing your guests see: a big image, your name, the date and a button they can use to say yes right away. For a birthday it already comes nicely prefilled, with a stock photo, the kicker „Feier mit mir!" (celebrate with me!) and the button „Jetzt zusagen" (RSVP now). So all that is left for you is putting in your own words and your favourite photo.

Adjusting the texts

In the editor, open Abschnitte → Hero (sections, then hero) and expand the area Inhalt (content).

  • Obertitel (kicker): the small line above your name, for example „Feier mit mir!"

  • Titel (title): the big headline, for example „Lauras 30. Geburtstag". This field is required.

  • Untertitel (subtitle): a sentence that gets everyone looking forward to the day

  • Datum, Uhrzeit und Ort (date, time and place): The date is a free text field, so you can just as well write „15. Juni 2025" or „Samstag, 15. Juni".

Using a background image of your own

  1. Expand the area Hintergrund (background).

  2. Set „Hintergrund-Typ" (background type) to „Bild" (image).

  3. Under „Hintergrundbild" (background image), upload your photo (10 MB at most) or pick a free image from the tab „Stockfotos" (stock photos).

Is the crop not quite right yet? Then pick Desktop or Mobile at the top of the editor first. Now click your cover image in the preview and drag it with your mouse or finger exactly where you want it. The hint „Bild greifen und verschieben" (grab and move the image) appears at the top of the picture. The image only moves in the direction in which it sticks out over the edge.

Too much around it in view? Then pull the crop closer with the slider „Bildzoom" (image zoom) in the panel. At 100 % no zoom is set, your image fills the area and is cropped at the top and bottom or at the sides, depending on its shape. To the right it goes up to 300 %. Desktop and Mobile remember crop and zoom separately. So when you switch between the views at the top, the slider shows the value of the view you picked. As long as you have not edited Mobile in its own right, it takes over your desktop crop. Very high values can make your photo blurry, so have a look in both previews to see how far you would like to go. With „Bildausschnitt zurücksetzen" (reset the crop) you only reset the view you are in right now.

Instead of an image you can also choose „Farbe" (colour) or „Farbverlauf" (gradient). If your text looks a little pale on top of the photo, switch on the slider „Overlay". It lays a soft veil over the image, and you decide its colour and its strength yourself. The default setting is 35 %.

Layout, countdown and scroll arrow

  • Layout: Under Layout you choose between „Vollbild" (full screen), „Geteilt (70%)" (split) and „Minimal (50%)", and you align the text horizontally and vertically.

  • Countdown: Under Funktionen (features) you switch on „Countdown anzeigen" (show countdown) and pick the style „Boxen" (boxes), „Inline" or „Minimal".

  • Scroll-Indikator: an animated arrow pointing downwards that shows your guests there is more to come.

Good to know: The countdown only counts if a Datum der Feier (date of your celebration) is saved in your settings. Once the day has passed, it reads „Es ist soweit!" (the moment is here!).

The RSVP button

In the area Call-to-Action you switch the button on or off, change the Button-Text („Jetzt zusagen" by default) and choose the style „Button", „Outline", „Link" or „Mit Pfeil" (with arrow). The button always jumps to the RSVP section on the same page, a different destination cannot be set. So your guests land right at the form with a single click.

Colours in the Hero

The Hero has its own colour fields, unlike all the other sections. Under Farben (colours) you set Überschrift (heading), Text, Button-Farbe (button colour) and Button-Textfarbe (button text colour). Every field has a reset icon that brings you back to the colour of your design.

Frequently asked questions

Why can I not delete the Hero?
It is marked as a „Pflichtsektion" (required section), because every page needs a beginning. You are free to rebuild it completely to your taste, though.

Where is the opening animation with the envelope?
It does not sit in the Hero, it sits under Dashboard → Webseite → Tab „Umschlag-Intro" (your website, then the envelope intro tab). It is there for your birthday now too, with all the envelopes and a preview for every design. And if you are only just getting started: in the setup wizard you already pick it in the step „Wähle deine Öffnungs-Animation" (choose your opening animation).

My text is hard to read on the photo.
Switch on the overlay in the area Hintergrund and turn the overlay strength up until the text sits nicely. A calmer photo with plenty of open space helps too.

Did this answer your question?