Karten und Vorteile gestalten
Mit diesem Baustein zeigst du Leistungen, Vorteile oder Angebote als anklickbare Karten an – mit Bild, Text, Symbol und Schaltfläche. Jede Karte kann zu einer Seite, einem Anker oder einer externen Adresse verlinken.
Voraussetzungen
Es gibt keine besonderen Voraussetzungen.
Aufbau der Konfiguration
Die Konfiguration ist in zwei Bereiche aufgeteilt:
Allgemein: Hier legst du fest, wie viele Karten nebeneinander angezeigt werden und welche Optionen für die ganze Kartengruppe gelten.
Aktionen: Hier erstellst und bearbeitest du die einzelnen Karten. Jede Karte hat ihre eigene Überschrift und Werkzeuge zum Sortieren, Kopieren und Löschen.
So gehst du vor
Grundeinstellungen festlegen
Im Bereich Allgemein gibst du unter Bezeichnung (für Verlinkung) einen kurzen Namen ein. Damit können andere Seiten auf diesen Baustein verlinken – dieser Name ist nicht öffentlich sichtbar.
Wähle unter Karten pro Zeile aus, wie viele Karten nebeneinander angezeigt werden. Du kannst zwischen 1, 2, 3, 4, 6 oder 12 Karten wählen.
Aktiviere die Option Erlaube Bilder zu öffnen, wenn Besucher die Bilder in voller Größe anschauen sollen. Diese Einstellung gilt für alle Karten.
Erste Karte hinzufügen
Scrolle zum Bereich Aktionen und klicke auf Karte hinzufügen. Eine neue Karte wird erstellt, deren Titel zunächst „Neuer Titel" lautet.
Klicke auf die neu erstellte Karte, um sie zu bearbeiten.
Karte gestalten
Bild: Klicke auf den Bildbereich links, um ein Bild hochzuladen. Mit dem Schalter Bild oben ausrichten bestimmst du, ob das Bild oben oder als Hintergrund positioniert wird. Der Schalter ist nur aktiv, wenn ein Bild vorhanden ist.
Symbol: Wähle ein Icon aus der Symbolbibliothek. Klicke auf das Symbolfeld, um zu suchen und auszuwählen.
Titel: Trage einen aussagekräftigen Titel ein. Das Feld unterstützt Markdown, sodass du Text fett oder kursiv formatieren kannst.
Text: Beschreibe die Leistung oder den Vorteil. Auch hier ist Markdown möglich.
Animation: Wähle eine optionale Animation aus der Liste, die beim Laden oder Hovern abgespielt wird, oder bleibe bei Keine Animation.
Text zentrieren: Aktiviere diesen Schalter, wenn der Titel und der Text zentriert werden sollen.
Farbvariante: Wähle eine Farbvariante aus, um das Erscheinungsbild der Karte anzupassen.
Schaltfläche Text: Trage den Text für die Schaltfläche ein.
Schaltflächenstil: Wähle den visuellen Stil der Schaltfläche aus – beispielsweise Farbe und Form.
Navigationsziel: Klicke auf dieses Feld und wähle, wohin die Schaltfläche führen soll: zu einer anderen Seite deiner Website, zu einem Anker auf einer Seite oder zu einer externen Webadresse.
Weitere Karten hinzufügen und sortieren
Klicke erneut auf Karte hinzufügen, um weitere Karten zu erstellen. Wiederhole die Schritte 5–15 für jede Karte.
Um die Reihenfolge der Karten zu ändern, klicke auf die Pfeile Nach oben verschieben oder Nach unten verschieben in der Werkzeugleiste der Karte.
Um eine Karte zu duplizieren, klicke auf Kopieren. Die neue Karte wird direkt nach der Original-Karte eingefügt und hat die gleichen Einstellungen.
Um eine Karte zu löschen, klicke auf Entfernen.
Was danach passiert
Sobald du eine Änderung speicherst, wird der Baustein auf deiner Seite aktualisiert. Die Karten werden in der Anzahl pro Zeile angezeigt, die du festgelegt hast. Besucher können auf die Schaltflächen klicken, um zum Navigationsziel zu gelangen. Wenn du Erlaube Bilder zu öffnen aktiviert hast, können sie die Bilder anklicken, um sie vergrößert anzuschauen.
Wenn du den Text oder die Struktur später ändern möchtest, bearbeitest du die entsprechende Karte erneut. Gelöschte Karten können nicht wiederhergestellt werden.
Tipps und Hinweise
- Bilder vorbereiten: Wähle Bilder, die alle eine ähnliche Größe haben, damit die Kartenzeile gleichmäßig aussieht.
- Markdown nutzen: Mit Markdown kannst du im Titel und Text Hervorhebungen setzen – verwende beispielsweise
**fett**für Fettdruck. - Schaltflächentext kurz halten: Ein kurzer, aussagekräftiger Schaltflächentext führt zu mehr Klicks.
- Konsistenz: Verwende bei allen Karten die gleiche Farbvariante, wenn sie zusammen eine Gruppe bilden sollen.