Ein Produkt-Trio mit gemeinsamen Vorteilen einrichten
Mit diesem Baustein zeigst du drei Produkte nebeneinander an und hebst ihre gemeinsamen Stärken hervor. Jedes Produkt hat sein eigenes Bild, eine Beschreibung und eine Schaltfläche zu seinem Ziel. Das funktioniert gut für Produktvergleiche oder um verwandte Angebote zusammen zu präsentieren.
Voraussetzungen
Es gibt keine besonderen Voraussetzungen. Du brauchst diesen Baustein nur auf einer Seite platzieren und konfigurieren.
Aufbau der Einstellung
Die Einstellung ist in fünf Bereiche unterteilt:
Allgemein – Hier gibst du eine Bezeichnung für interne Zwecke ein, damit du diesen Baustein wiederfindest. Du kannst auch eine Farbvariante auswählen, die das Design anpasst.
Einleitung – Ein kleiner Titel, eine große Überschrift und ein beschreibender Text, der über alle drei Produkte hinweg angezeigt wird.
Gemeinsame Vorteile – Eine Liste von Symbolen mit Kurztexten, die allen drei Produkten gemeinsam nutzen (z. B. „Kostenloser Support", „Sichere Zahlung").
Produkte – Die drei Produkte selbst mit Bild, Beschreibung, Preis und Schaltfläche.
So gehst du vor
Schritt 1: Allgemein einstellen
- Trage im Feld Bezeichnung (für Verlinkung) einen Namen ein, unter dem du diesen Baustein identifizieren kannst – dieser wird auf der Website nicht angezeigt.
- Wähle ggf. eine Farbvariante, um das Aussehen anzupassen.
Schritt 2: Einleitung schreiben
- Fülle den Kleinen Titel aus (optional) – das ist eine Zeile über der Hauptüberschrift.
- Schreib die Überschrift – das Hauptthema des Bausteins.
- Ergänze eine Beschreibung – ein bis zwei Sätze, die erklären, worum es geht.
Schritt 3: Gemeinsame Vorteile hinzufügen
- Klick auf die Schaltfläche Vorteil hinzufügen.
- Wähle für diesen Vorteil ein Symbol aus (über das Feld links).
- Schreib eine kurze Bezeichnung rechts daneben.
- Wiederhole das für jeden Vorteil, den alle drei Produkte teilen.
Du kannst Vorteile mit den Pfeilen nach oben und unten neu anordnen oder über die Schaltfläche Entfernen löschen.
Schritt 4: Produkte einrichten
Für jedes der drei Produkte:
- Klick auf die Schaltfläche Produkt hinzufügen.
- Trage das Reiter-Label ein – das ist der kurze Name, unter dem das Produkt in der Registerkarte angezeigt wird.
- Gib einen Produktname ein – das ist die längere Bezeichnung, die unter dem Reiter-Label angezeigt wird.
- Schreib einen Kurzen Beschreibungssatz – eine prägnante Zeile, die das Produkt zusammenfasst.
- Ergänze eine ausführlichere Beschreibung – hier können mehrere Sätze stehen.
- Lade ein Bild für das Produkt hoch.
- Gib eine Preis-Angabe ein – ein Textfeld ohne Kalkulation.
- Schalte Hervorgehoben anzeigen ein, wenn dieses Produkt visuell hervorstechen soll (z. B. für das beliebteste Angebot).
- Schreib einen Schaltflächen-Text – das ist der Text auf der Schaltfläche.
- Wähle einen Stil für die Schaltfläche – hier bestimmst du, wie die Schaltfläche aussieht.
- Setze ein Navigationsziel – das ist der Link, zu dem die Schaltfläche führt (Seite, Telefon, E-Mail, externe URL).
Du kannst Produkte mit den Pfeilen neu anordnen oder über die Schaltfläche Entfernen löschen.
Schritt 5: Speichern
Die Einstellungen werden automatisch gespeichert, während du sie eingibst. Dein Baustein ist dann bereit zur Veröffentlichung.
Was danach passiert
Der Baustein zeigt auf deiner Website drei Produkte nebeneinander an, jedes in einer eigenen Registerkarte. Oben stehen die gemeinsamen Vorteile mit ihren Symbolen. Besucher können zwischen den Produkten wechseln und über die Schaltflächen zu deinen Zielen navigieren.
Alle Änderungen an Text, Bildern und Links werden sofort wirksam. Wenn du Produkte hinzufügst oder löscht, passt sich die Anzeige automatisch an – es funktioniert auch mit weniger oder mehr als drei Produkten, obwohl „Trio" auf drei ausgerichtet ist.
Tipps und Hinweise
- Konsistente Struktur hilft: Wenn alle drei Produkte ähnlich aufgebaut sind (gleich lange Texte, ähnliche Bildgröße), wirkt der Vergleich übersichtlicher.
- Hervorgehoben nutzen: Markiere das Produkt mit der höchsten Nachfrage als hervorgehoben – das lenkt die Aufmerksamkeit.
- Symbole bei Vorteilen: Wähle aussagekräftige Symbole für die gemeinsamen Vorteile – das macht die Liste auf einen Blick erfassbar.
- Schaltflächen prägnant beschriften: Klare Texte wirken überzeugender als allgemeine Begriffe.
Weitere Website-Bausteine findest du unter Block auf einer Seite einrichten (Blockkatalog).