Vergleich und Pitch gestalten

Mit diesem Baustein zeigst du zwei verschiedene Sichtweisen auf dein Angebot: eine Vergleichstabelle, die Unterschiede deutlich macht, und einen anschaulichen Pitch-Bereich mit Bildern, Themen-Chips und einem Dashboard-Mock.
Voraussetzungen
Es gibt keine besonderen Voraussetzungen. Du kannst diesen Baustein auf jeder Seite einfügen.
Aufbau des Bausteins
Der Baustein besteht aus zwei Teilen, die du unabhängig voneinander gestaltest. Jeder Teil hat eigene Einstellungen für Beschriftung, Farbe und Inhalt. Du findest alle Felder in aufklappbaren Abschnitten, die du nach Bedarf öffnen und schließen kannst.
So gehst du vor
Vergleichstabelle einrichten
Öffne den Abschnitt Allgemein.
Trage in Bezeichnung (für Verlinkung) einen internen Namen ein – diese Bezeichnung nutzt du später, um auf diesen Baustein zu verlinken. Sie wird auf der Website nicht angezeigt.
Wähle eine Farbvariante aus der Liste, um das Aussehen der Tabelle festzulegen. Leer gelassen erscheint die Tabelle in Standardfarben.
Öffne den Abschnitt Überschrift.
Fülle die Felder aus:
- Eyebrow: Ein kleiner Hinweistext über der Hauptüberschrift (optional).
- Titel (Markdown): Die Hauptüberschrift der Vergleichstabelle. Du kannst hier Markdown-Formatierung nutzen.
- Untertitel: Ein erläuternder Text unter der Überschrift (optional).
- Linke Spalte (Ohne): Der Titel für die linke Spalte – beschreibt meist die Situation ohne dein Angebot.
- Rechte Spalte (Mit): Der Titel für die rechte Spalte – beschreibt die Situation mit deinem Angebot.
Öffne den Abschnitt Zeilen.
Klicke Zeile hinzufügen für jede Reihe, die du in die Tabelle aufnehmen möchtest.
Für jede Zeile:
- Trage in Ohne ein, was ohne dein Angebot gilt.
- Trage in Mit ein, was mit deinem Angebot gilt.
- Mit den Pfeilen verschiebst du Zeilen nach oben oder unten.
- Mit dem Mülleimer-Symbol löschst du eine Zeile.
Öffne den Abschnitt CTA (Call-to-Action, also deine Schaltfläche).
Trage in Text die Beschriftung der Schaltfläche ein.
Klicke auf das Zielfeld und wähle, wohin die Schaltfläche führen soll – zu einer anderen Seite, zu einer Telefonnummer oder zu einer E-Mail-Adresse.
Pitch-Bereich einrichten
Öffne den Abschnitt Allgemein (zweiter Teil).
Trage in Bezeichnung (für Verlinkung) einen internen Namen ein.
Aktiviere Reihenfolge umdrehen, wenn Bild und Text gespiegelt werden sollen.
Wähle eine Farbvariante.
Öffne den Abschnitt Text.
Fülle die Felder aus:
- Kleiner Titel: Ein kurzer Hinweistext am Anfang (optional).
- Überschrift: Die Hauptüberschrift deines Pitch-Bereichs.
- Text: Der Erklärtext – hier hast du Platz für mehrere Zeilen.
Öffne den Abschnitt Themen-Chips.
Klicke Eintrag hinzufügen für jedes Schlagwort, das du als kleine Markierung anzeigen möchtest.
Für jeden Chip:
- Klicke auf das Symbol-Feld und wähle ein Icon, das zum Thema passt.
- Trage in Bezeichnung das Wort ein, das neben dem Icon angezeigt wird.
- Mit den Pfeilen änderst du die Reihenfolge.
- Mit dem Mülleimer-Symbol löschst du einen Chip.
Öffne den Abschnitt Dashboard-Mock Inhalt und passe die angezeigten Kennzahlen oder Statistiken an, wenn nötig.
Öffne den Abschnitt Bild und schwebender Hinweis.
Wähle ein Bild für den Pitch-Bereich und stelle sicher, dass es richtig dargestellt wird.
Darunter kannst du einen schwebenden Hinweis platzieren:
- Wähle ein Icon.
- Trage einen Titel ein.
- Trage einen Untertitel ein.
Öffne den Abschnitt Schaltfläche.
Trage in Text die Beschriftung der Schaltfläche ein.
Wähle einen Stil für die Schaltfläche aus – zum Beispiel als Hauptschaltfläche oder als Sekundärschaltfläche.
Klicke auf das Zielfeld und wähle das Navigationsziel – wohin die Schaltfläche führen soll.
Speichere deine Änderungen mit der grünen Schaltfläche Speichern.
Was danach passiert
Beide Teile werden auf deiner Seite angezeigt. Die Vergleichstabelle zeigt die Unterschiede zwischen zwei Varianten, der Pitch-Bereich präsentiert dein Angebot anschaulich mit Bildern und Themen-Schwerpunkten. Beide Bereiche haben eigene Schaltflächen, über die Besucher weitergeleitet werden.
Tipps und Hinweise
- Die Bezeichnungen für Verlinkung brauchst du nur, wenn du von einer anderen Stelle aus auf diesen Baustein verlinken möchtest. Sonst können sie leer bleiben.
- Du kannst jede Zeile der Vergleichstabelle so oft verschieben, bis die Reihenfolge stimmt – es gibt kein "Rückgängig", also überprüfe deine Änderungen vor dem Speichern.
- Die Markdown-Formatierung in Titeln und Text ermöglicht dir Fettdruck, Kursivschrift und Links. Orientiere dich an den Beispielen oder erkundige dich unter Markdown.
- Chips und Zeilen bekommen automatisch Nummern, wenn du sie hinzufügst – ändere diese bei Bedarf in aussagekräftige Texte um.
- Das Bild im Pitch-Bereich sollte eine gute Qualität haben und zum Thema passen – es fällt den Besuchern als erstes ins Auge.