Der Simple Centered Hero zeichnet sich durch ein klares, zentriertes Layout aus, das Ihre Botschaft in den Fokus rückt, ohne die gesamte Bildschirmbreite einzunehmen.
Sie können bis zu zwei CTA Buttons einfügen dessen Farben individuell anpassen und den vertikalen Abstand einstellen.
So fügen Sie den Hero - Simple Centered hinzu
Navigieren Sie im Backend zu Content > Landing Pages und wählen Sie die Seite aus, die Sie bearbeiten möchten. Um das Element zu Ihrer Seite hinzuzufügen, klicken Sie zunächst auf „Seitenabschnitt hinzufügen“. Wählen Sie in der Übersicht die Kategorie „Hero Section“ aus und fügen Sie das spezifische Element „Hero - Simple Centered“ hinzu, indem Sie auf die Schaltfläche „Diese Zeile hinzufügen“ klicken.
Inhalte Konfigurieren
Sobald die Zeile hinzugefügt wurde, können Sie den Inhalt anpassen. Geben Sie zuerst Ihre Überschrift ein, die groß und zentriert im Hero-Bereich angezeigt wird, und fügen Sie Ihren Untertext direkt darunter hinzu.
Zusätzlich können Sie bis zu zwei CTA Buttons einfügen, um Ihre Kandidaten gezielt zu leiten. Laden Sie als Nächstes Ihr Hintergrundbild hoch und geben Sie einen passenden Alternativtext an, um sicherzustellen, dass Ihr Inhalt für alle zugänglich ist.
Design und Layout anpassen
Im nächsten Schritt verfeinern Sie die Optik Ihres Elements. Nutzen Sie den LP Row Margin, um den vertikalen Abstand einzustellen und die gewünschte Struktur auf der Seite zu schaffen. Zusätzlich können Sie die Farben Ihrer Buttons individuell anpassen, um diese optimal auf Ihr Branding abzustimmen.
Über die Overlay-Transparenz steuern Sie die Helligkeit des Hintergrundbildes: Während 100 % den Originalzustand darstellen, wird das Bild bei 0 % komplett schwarz angezeigt. Dies stellt sicher, dass Ihr Text jederzeit optimal lesbar bleibt.
Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie oben auf der Seite auf „Speichern“, um Ihre Konfiguration zu sichern.
Endergebnis
Um Ihre Arbeit zu überprüfen, wechseln Sie einfach oben auf den Reiter „Ansicht (Frontend)“. Hier sehen Sie die Live-Ansicht Ihres Elements genau so, wie es Ihren Nutzern auf der Website angezeigt wird.