Skip to main content

Design your cover image (Hero)

How to set up the very first screen of your invitation: the cover image, your names, the date and the button that leads to the RSVP form.

Written by Max Weber

The hero is the first thing your guests see when they open your link. A big photo, your names, the date: those two seconds are where all the excitement begins. That is why the hero belongs to every page and cannot be deleted. You will find it in the editor under Abschnitte → Hero (sections, then hero).

Adding your names, the date and the place

Open the accordion „Inhalt" (content). This is where you enter everything that should sit right at the top:

  • Obertitel (top line): the small line above your names, for example „Wir heiraten!" (we are getting married!)

  • Titel (title): the required field with your names, for example „Max & Julia". Several lines and formatting are possible.

  • Untertitel, Datum, Uhrzeit und Ort (subtitle, date, time and place): The date is a free text field. So you can write „15. Juni 2025" or something more personal.

Choosing a background

In the accordion „Hintergrund" (background) you choose between Farbe, Bild and Farbverlauf (colour, image, gradient). For a photo you pick „Bild" and either upload your own file in the tab „Hochladen" (upload) or look for a free image in the tab „Stockfotos" (stock photos). Images may be up to 10 MB and have to be image files. HEIC from an iPhone works too: we convert it while uploading into a format every browser can show, and with big photos it briefly says „Dein iPhone-Foto wird vorbereitet …" (your iPhone photo is being prepared).

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: a portrait photo travels up and down, a wide one left and right.

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.

If your text is hard to read on the photo, switch on „Overlay" and use the slider „Overlay-Stärke" (overlay strength) to set how strongly the image is darkened. With an image background your text turns white automatically, as long as you have not set a colour of your own.

Layout and alignment

  • Layout-Typ (layout type): „Vollbild" (full screen), „Geteilt (70%)" (split) or „Minimal (50%)"

  • Horizontale Ausrichtung (horizontal alignment): Links, Zentriert or Rechts (left, centred, right)

  • Vertikale Ausrichtung (vertical alignment): Oben, Mitte or Unten (top, middle, bottom)

The fine decorative line under your title only appears with centred alignment.

Countdown and RSVP button

Under „Funktionen" (features) you use „Countdown anzeigen" (show countdown) to place a small countdown right inside the cover image and pick the style „Boxen" (boxes), „Inline" or „Minimal". In the hero it counts days, hours and minutes. The same place holds the Scroll-Indikator, the animated arrow that guides your guests further down.

In the accordion „Call-to-Action" you activate the button, change its text („Zur Anmeldung" by default, which means "to the RSVP form") and choose the button style „Button", „Outline", „Link" or „Mit Pfeil" (with arrow). The button always jumps to the RSVP section on your page. A different target or an external link is not possible here.

Colours in the hero

The hero has its own colour fields instead of the shared colours accordion: Überschrift, Text, Button-Farbe and Button-Textfarbe (heading, text, button colour and button text colour). The button text colour only shows up with the styles „Button" and „Outline".

Good to know: The countdown needs a real date. Enter it under Einstellungen → Allgemeine Einstellungen → „Datum des Events" (settings, then general settings, then date of the event), otherwise it stays empty. Once the day has passed it says „Es ist soweit!", which means the day is here.

New pages start with sample content such as „Schloss Heidelberg" and a sample date. Do replace it before you publish your page. Designing is completely free, by the way. Your cover image only becomes visible to your guests once you have published your page with Premium.

Frequently asked questions

Can I use a video as the background?
No. In the hero you have colour, image and gradient.

Where is the envelope opening animation?
It is not in the hero and no longer in the editor either. You will find it under Dashboard → Webseite → Tab „Umschlag-Intro" (dashboard, then your website, then the envelope intro tab), with every variant and a preview for each one.

Why is there no delete option for the hero?
The hero is a required section and always stays. You can redesign it completely, though.

Did this answer your question?