Ideal, um verschiedene Inhalte besonders fokussiert zu präsentieren, da auf allen Endgeräten immer nur ein Element gleichzeitig angezeigt wird. Die Sektion ist flexibel anpassbar und bietet Optionen für optionale Titel, Untertitel sowie die Hintergrundfarbe.
Über uns
Erfahren Sie mehr über unser Unternehmen
So fügen Sie den Cards Slider 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 „Cards Slider“ 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 Einleitungstext für den Bereich ein. Um das eigentliche Element zu erstellen, klicken Sie auf die Schaltfläche „Horizontal Card hinzufügen“.
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.
Wiederholen Sie diesen Schritt für jede weitere Karte, die Sie anzeigen möchten.
Design und Layout anpassen
Im nächsten Schritt verfeinern Sie die Optik Ihres Elementes. Ü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.