Ein Produkt-Trio mit Vorteilen einrichten
Mit diesem Baustein zeigst du drei Produkte nebeneinander, jeweils mit Bild, Beschreibung und Schaltfläche. Darüber kannst du Vorteile auflisten, die für alle drei gelten – zum Beispiel kostenlose Lieferung oder Geld-zurück-Garantie.
Voraussetzungen
Es gibt keine besonderen Voraussetzungen.
So gehst du vor
Allgemeine Einstellungen
Trage unter Bezeichnung (für Verlinkung) einen kurzen Namen ein, unter dem du diesen Baustein später wiederfindest – zum Beispiel für Anker-Links von anderen Seiten aus.
Wähle eine Farbvariante aus der Liste. Dies bestimmt, wie der gesamte Baustein farblich wirkt. Du kannst die Auswahl leer lassen, um eine neutrale Variante zu nutzen.
Einleitung hinzufügen
Trage einen Kleinen Titel ein – eine kurze Ankündigung, die über der Hauptüberschrift steht (optional).
Trage die Überschrift ein, die den Baustein einleitet.
Trage eine Beschreibung ein, die erklärt, worum es geht (optional).
Gemeinsame Vorteile eintragen
Klicke auf Vorteil hinzufügen, um einen Vorteil einzutragen.
Es öffnet sich ein neuer Abschnitt. Wähle oben links ein Symbol aus, das diesen Vorteil darstellt.
Trage rechts daneben die Bezeichnung des Vorteils ein.
Wiederhole Schritte 6 bis 8 für alle weiteren Vorteile.
Um die Reihenfolge zu ändern, nutze die Pfeile neben jedem Vorteil. Um einen Vorteil zu löschen, klicke auf das Mülleimer-Symbol.
Produkte eintragen
Klicke auf Produkt hinzufügen, um das erste Produkt einzutragen.
Es öffnet sich ein neuer Abschnitt. Fülle folgende Felder aus:
- Reiter-Label: Ein kurzer Name für die Produktschaltfläche oben
- Produktname: Der vollständige Name des Produkts
- Kurzer Beschreibungssatz: Eine Einzeiler-Zusammenfassung (optional)
- Beschreibung: Ein längerer Text zum Produkt (optional)
Füge ein Bild hinzu: Klicke auf das Bildfeld und wähle oder lade ein Produktfoto hoch.
Trage die Preis-Angabe ein (optional).
Wenn dieses Produkt optisch hervorgehoben werden soll, schalte Hervorgehoben anzeigen ein.
Trage einen Schaltflächen-Text ein.
Wähle einen Schaltflächen-Stil (Farbe und Form der Schaltfläche).
Wähle unter Navigationsziel aus, wohin die Schaltfläche führt – entweder zu einer anderen Seite deiner Website, einer externen URL oder einer Datei.
Wiederhole Schritte 11 bis 18 für das zweite und dritte Produkt.
Um Produkte zu verschieben, nutze die Pfeile neben jedem Produkt. Um ein Produkt zu löschen, klicke auf das Mülleimer-Symbol.
Aufbau des Bausteins
Der Baustein besteht aus vier Abschnitten:
- Allgemein: Bezeichnung und Farbvariante des gesamten Bausteins
- Einleitung: Kleiner Titel, Überschrift und längere Beschreibung
- Gemeinsame Vorteile: Liste von Symbolen und Texten, die für alle Produkte gelten
- Produkte: Die drei Produktkarten mit ihren jeweiligen Angaben
Jedes Produkt zeigt auf der Website oben einen Reiter mit seinem Label. Wenn der Besucher auf den Reiter klickt, wird die entsprechende Produktkarte eingeblendet – mit Bild, Beschreibung und Schaltfläche.
Was danach passiert
Sobald du alle Felder gefüllt und gespeichert hast, wird der Baustein auf deiner Website angezeigt. Besucher können zwischen den drei Produkten umschalten und von dort aus zum Navigationsziel gelangen.
Um Änderungen später vorzunehmen, öffnest du den Baustein erneut und bearbeitest die Felder. Alle Änderungen werden sofort gespeichert.
Die Website selbst musst du separat veröffentlichen, damit Besucher die neuen Inhalte sehen.
Tipps und Hinweise
Symbole wählen: Die Symbole für Vorteile helfen Besuchern, auf einen Blick zu erfassen, was du anbietest. Wähle aussagekräftige Icons, die sofort verständlich sind.
Reihenfolge der Produkte: Die erste Produktkarte wird beim Laden der Seite standardmäßig angezeigt. Denke daran, wenn du die Produkte nach Beliebtheit oder Verkaufszahlen ordnen möchtest.
Hervorgehoben anzeigen: Nutze diese Funktion sparsam – meist für das beliebteste oder teuerste Produkt. Zu viele hervorgehobene Produkte wirken ungeordnet.
Bilder: Verwende Produktbilder in ähnlicher Größe und Qualität, damit der Baustein optisch ausgewogen wirkt.