Der Hero ist das Erste, was deine Gäste sehen, wenn sie deinen Link öffnen. Ein großes Foto, eure Namen, das Datum: In diesen zwei Sekunden entsteht die Vorfreude. Deshalb gehört der Hero fest zu jeder Seite und lässt sich nicht löschen. Du findest ihn im Editor unter Abschnitte → Hero.

Öffne das Accordion „Inhalt". Dort trägst du alles ein, was ganz oben stehen soll:

Im Accordion „Hintergrund" entscheidest du zwischen Farbe, Bild und Farbverlauf. Für ein Foto wählst du „Bild" und lädst im Reiter „Hochladen" dein eigenes Bild hoch oder suchst im Reiter „Stockfotos" ein kostenloses Bild. Bilder dürfen maximal 10 MB groß sein und müssen Bilddateien sein. HEIC vom iPhone geht auch: wir rechnen es beim Hochladen in ein Format um, das jeder Browser anzeigt, bei großen Fotos steht dabei kurz „Dein iPhone-Foto wird vorbereitet …".

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: Ein hochkant fotografiertes Bild wandert also nach oben und unten, ein breites nach links und rechts.

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.

Liegt euer Text schlecht lesbar auf dem Foto, schalte „Overlay" ein und stell mit dem Regler „Overlay-Stärke" ein, wie stark das Bild abgedunkelt wird. Bei einem Bildhintergrund wird deine Schrift automatisch weiß, solange du keine eigene Farbe gesetzt hast.

Der feine Zierstrich unter eurem Titel erscheint nur bei zentrierter Ausrichtung.

Unter „Funktionen" blendest du mit „Countdown anzeigen" einen kleinen Countdown direkt im Titelbild ein und wählst den Stil „Boxen", „Inline" oder „Minimal". Im Hero zählt er Tage, Stunden und Minuten. Dort schaltest du auch den Scroll-Indikator ein, den animierten Pfeil, der deine Gäste nach unten führt.

Im Accordion „Call-to-Action" aktivierst du den Button, änderst seinen Text (Standard „Zur Anmeldung") und wählst den Button-Stil „Button", „Outline", „Link" oder „Mit Pfeil". Der Button springt immer zur Anmelde-Sektion auf deiner Seite. Ein anderes Ziel oder ein externer Link ist hier nicht vorgesehen.

Der Hero hat eigene Farbfelder statt des gemeinsamen Farben-Accordions: Überschrift, Text, Button-Farbe und Button-Textfarbe. Die Button-Textfarbe erscheint nur bei den Stilen „Button" und „Outline".

Neue Seiten starten mit Beispielinhalten wie „Schloss Heidelberg" und einem Beispieldatum. Ersetz sie unbedingt, bevor du deine Seite veröffentlichst. Das Gestalten ist übrigens komplett kostenlos. Für deine Gäste sichtbar wird dein Titelbild erst, wenn du deine Seite mit Premium veröffentlicht hast.

Kann ich ein Video als Hintergrund nutzen?
Nein. Im Hero stehen dir Farbe, Bild und Farbverlauf zur Verfügung.

Wo ist die Öffnungs-Animation mit dem Briefumschlag?
Die liegt nicht im Hero und auch nicht mehr im Editor. Du findest sie unter Dashboard → Webseite → Tab „Umschlag-Intro", mit allen Varianten und einer Vorschau je Variante.

Warum fehlt beim Hero der Löschen-Eintrag?
Der Hero ist Pflichtabschnitt und bleibt immer erhalten. Umgestalten kannst du ihn aber komplett.