Mit dem Vergleich zeigst du Unterschiede zwischen zwei Varianten – etwa mit und ohne Zusatzleistung. Der Pitch-Bereich daneben präsentiert Themen, Daten und einen Handlungsaufruf nebeneinander.
Voraussetzungen
Du bearbeitest einen Block auf einer Seite deiner Website. Es sind keine weiteren Voraussetzungen nötig.
So gehst du vor
Vergleichstabelle einrichten
Klappe den Bereich Allgemein auf.
- Bezeichnung (für Verlinkung): Gib einen aussagekräftigen Namen ein, unter dem du diesen Block später wiederfindest – etwa über interne Links auf der gleichen Seite.
- Farbvariante: Wähle eine Farbe für die Hervorhebung aus. Leer lässt den Block in der Standard-Farbgebung.
Öffne den Bereich Überschrift.
- Eyebrow: Ein optionaler kleiner Titel über der Hauptüberschrift. Du kannst Text mit Markdown formatieren.
- Titel (Markdown): Die Hauptüberschrift des Vergleichs. Formatierung mit Markdown ist möglich.
- Untertitel: Ein erklärarer Zusatztext unter der Überschrift.
- Linke Spalte (Ohne) und Rechte Spalte (Mit): Beschriftungen für die zwei Spalten, etwa „Basis" und „Premium".
Gehe zum Bereich Zeilen und baue den Vergleich auf.
- Klicke Zeile hinzufügen, um eine neue Vergleichsreihe zu starten.
- Für jede Zeile trägst du zwei Werte ein:
- Ohne: Was in der linken Spalte steht.
- Mit: Was in der rechten Spalte steht.
- Um Zeilen zu ordnen, nutze die Pfeile – nach oben verschieben oder nach unten verschieben. Die Schaltfläche Entfernen löscht eine Zeile.
- Wiederhole das Hinzufügen, bis der Vergleich vollständig ist.
Öffne den Bereich CTA (Call-to-Action).
- Text: Der sichtbare Text auf dem Knopf.
- Ziel: Wähle, wohin der Knopf führt – eine interne Seite oder eine externe URL.
Pitch-Bereich einrichten
Klappe Allgemein auf.
- Bezeichnung (für Verlinkung): Ein Name für diesen Block, damit du ihn später findest.
- Reihenfolge umdrehen: Schalte diese Option an, wenn das Bild links statt rechts stehen soll.
- Farbvariante: Wähle eine Farbe für diesen Bereich.
Öffne Text und fülle die Inhalte:
- Kleiner Titel: Ein optionaler Text über der Hauptüberschrift (Markdown möglich).
- Überschrift: Die Hauptüberschrift des Pitch-Bereichs (Markdown möglich).
- Text: Der Haupttext mit ausführlicher Erklärung (Markdown möglich).
Gehe zu Themen-Chips und ergänze Stichpunkte.
- Klicke Eintrag hinzufügen für jeden Stichpunkt.
- Für jeden Eintrag wählst du:
- Ein Symbol (Icon) zur Visualisierung.
- Bezeichnung: Der Text des Chips.
- Mit den Pfeilen verschiebst du die Einträge; Entfernen löscht einen.
Stelle unter Dashboard-Mock Inhalt Daten und Kennzahlen ein, falls der Pitch diese zeigen soll.
Öffne Bild und schwebender Hinweis.
- Lade dein Bild hoch oder wähle eines aus. Du kannst auch festlegen, wie das Bild skaliert wird.
- Schwebender Hinweis: Ein Hinweis, der über dem Bild schwebt – bestehend aus Icon, Titel und Untertitel.
Gehe zu Schaltfläche und gestalte deinen Handlungsaufruf.
- Text: Der Knopftext.
- Wähle einen Stil für den Knopf aus.
- Navigationsziel: Wohin der Knopf führt – eine interne Seite oder externe URL.
Deine Änderungen werden automatisch gespeichert.
Aufbau des Vergleichs und Pitch
Der Vergleich zeigt zwei Spalten nebeneinander – die linke für die Ausgangssituation (typischerweise „ohne"), die rechte für die Lösung oder Premium-Variante („mit"). Jede Zeile stellt ein Merkmal dar.
Der Pitch-Bereich kombiniert Text, Icons und Daten auf einer Seite: Links präsentierst du Themen als Chips (kleine Kacheln mit Icon und Bezeichnung), in der Mitte den fließenden Text, rechts ein Bild mit optionalem Hinweis-Badge. Der Knopf am Ende führt zu einer Zielseite – etwa einer Produktseite oder einem Kontaktformular.
Beide Blöcke unterstützen Markdown, das heißt: Fettdruck mit **Text**, Kursiv mit *Text* und Links mit [Linktext](URL).
Was danach passiert
Der Vergleich und der Pitch erscheinen auf deiner Website als zusammenhängende Darstellung – der Vergleich zeigt deutlich, wo die Unterschiede liegen, der Pitch motiviert zum nächsten Schritt. Besucher können über die Schaltflächen direkt handeln, etwa eine Buchung starten oder mehr Informationen abrufen.
Du kannst beide Blöcke jederzeit bearbeiten. Die Änderungen werden sofort sichtbar, sobald du die Website veröffentlichst.
Tipps und Hinweise
- Spalten-Überschriften prägnant halten: „Ohne" und „Mit" sind nur Platzhalter – nutze aussagekräftigere Begriffe wie „Paket A" und „Paket B".
- Zeilen in logischer Reihenfolge: Ordne die Vergleichsmerkmale so, dass die wichtigsten zuerst kommen.
- Chips im Pitch gezielt einsetzen: 3–5 Chips wirken übersichtlich; zu viele wirken unruhig.
- Bilder komprimieren: Große Bilddateien verlangsamen die Website. Nutze Web-optimierte Formate.
- Externe Links prüfen: Stelle sicher, dass die Navigationsziele tatsächlich erreichbar sind, bevor du veröffentlichst.