Diese zweispaltige Sektion kombiniert ein Bild oder Video auf der linken Seite mit einem Bereich für Titel, Beschreibung und einen CTA-Button auf der rechten Seite. Das Layout passt die Spaltenbreite automatisch auf den Medientyp an: Es nutzt eine gleichmäßige 50/50-Aufteilung für Videos und ein 34/66-Verhältnis für Bilder.
So fügen Sie Horizontal Cards 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 „Funktionale und Strukturelle Elemente“ aus und fügen Sie das spezifische Element „Horizontal Cards“ 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 einen allgemeinen Titel und einen Text für den Bereich ein.
Binden Sie als Nächstes Ihre Medien ein, indem Sie entweder ein Bild – inklusive eines passenden Alternativtextes – hochladen oder eine Video-URL angeben. Danach können Sie die spezifische Überschrift und den Beschreibungstext für die Karte selbst einfügen. Schließlich haben Sie die Möglichkeit, einen CTA Button zu ergänzen, um Ihre Besucher gezielt weiterzuleiten.
Design und Layout anpassen
Im nächsten Schritt verfeinern Sie die Optik Ihres Elements. Über die Row BG Color können Sie eine Hintergrundfarbe festlegen, um den Bereich visuell hervorzuheben oder an Ihr Markendesign anzupassen. Nutzen Sie zusätzlich den LP Row Margin, um den vertikalen Abstand einzustellen und eine klare, strukturierte Seitenführung zu schaffen.
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.