Ein Produkttrio mit Vorteilen einrichten
Mit diesem Block stellst du bis zu drei Produkte nebeneinander dar – jedes mit Bild, Beschreibung, Preis und Schaltfläche. Darunter können gemeinsame Vorteile wie Lieferzeit, Garantie oder Service aufgelistet werden.
Voraussetzungen
Es gibt keine besonderen Voraussetzungen.
So gehst du vor
Öffne den Block und trage zunächst die Kopftexte ein:
- Kleine Überschrift: optional, wird über der Hauptüberschrift angezeigt
- Überschrift: der Haupttitel des Blocks
- Einleitung: optional, eine kurze Erklärung vor den Produkten
Füge dein erstes Produkt hinzu, indem du auf Produkt hinzufügen klickst. Ein neuer Produktbereich öffnet sich.
Fülle die Produktdaten aus:
- Bild: Lade ein Produktfoto hoch oder wähle eines aus der Mediathek. Das Bild wird quadratisch zugeschnitten.
- Aufschrift des Reiters: optional, wird als Reiter-Titel angezeigt, wenn mehrere Produkte aktiv sind
- Produktname: Der Name des Produkts
- Kurzer Beschreibungssatz: Eine Tagline oder ein Slogan (bis zu zwei Zeilen)
- Beschreibung: Die ausführliche Produktbeschreibung
- Preis-Angabe: Wie der Preis angezeigt werden soll, z. B. „ab 29,99 €" oder „Auf Anfrage"
- Hervorgehoben anzeigen: Schalte diesen Schalter ein, wenn dieses Produkt stärker hervorgehoben werden soll
- Text der Schaltfläche: Beschriftung der Schaltfläche, z. B. „Jetzt kaufen" oder „Mehr erfahren"
- Ziel: Wähle, wohin die Schaltfläche führt – zu einer anderen Seite, zu einer externen URL oder zu einem Anker auf dieser Seite
Stelle die Schaltflächenoptik ein. Klappe dazu den Bereich Text der Schaltfläche auf und wähle einen Stil aus – z. B. gefüllt, Umriss oder Text-nur.
Wiederhole Schritte 2–4, um ein zweites und drittes Produkt hinzuzufügen. Du kannst die Produkte mit den Pfeilen in der rechten Spalte verschieben oder mit dem X entfernen.
(Optional) Füge gemeinsame Vorteile hinzu: Klicke unter Gemeinsame Vorteile auf Vorteil hinzufügen.
Für jeden Vorteil:
- Bezeichnung: Trage einen Text ein, z. B. „Kostenlos versendet" oder „30 Tage Rückgaberecht"
- Symbol: Wähle ein Icon aus, das den Vorteil visualisiert (z. B. ein Häkchen, ein Herz oder ein Sicherheitsschloss)
Du kannst Vorteile mit den Pfeilen verschieben oder mit dem X löschen.
Aufbau des Blocks
Der Block teilt sich in drei Bereiche:
Kopf: Titel und Einleitung des Blocks. Die kleine Überschrift wird optional über dem Haupttitel angezeigt.
Produkte: Eine sortierbare Liste deiner Produkte. Jedes Produkt hat ein Bild, Texte, einen Preis und eine Schaltfläche. Die Reihenfolge bestimmt, in welcher Ordnung sie auf der Seite erscheinen.
Gemeinsame Vorteile: Eine optionale Liste mit Icons und Text-Labels, die unter den Produkten angezeigt werden – z. B. Liefer- oder Rückgabegarantien, die für alle drei Produkte gelten.
Was danach passiert
Die Änderungen werden sofort gespeichert. Der Block wird auf der Seite in der Vorschau angezeigt und zeigt die Produkte in der Reihenfolge, die du festgelegt hast. Besucher können dann zwischen den Produkten wechseln (wenn mehrere aktiv sind) und über die Schaltflächen zu den Zielseiten gelangen.
Tipps und Hinweise
- Nutze aussagekräftige Produktnamen und kurze, überzeugende Taglines – der Platz ist begrenzt.
- Das Produktbild sollte freigestellt oder auf neutralem Hintergrund sein, damit es sich von der Seite abhebt.
- Der Schalter Hervorgehoben anzeigen hebt ein Produkt optisch hervor – nutze das für dein Bestseller-Produkt oder deine Empfehlung.
- Gemeinsame Vorteile erscheinen nur, wenn du mindestens einen hinzugefügt hast. Lass das Feld leer, wenn du keine brauchst.
- Ändere später nur noch das, was nötig ist – die Sortierung und die Produktreihenfolge sind jederzeit anpassbar.