Preistabellen erstellen

Du gestaltest eine oder mehrere Preistabellen für deine Website. Eine Preistabelle zeigt deine Angebote mit Preis, Features und einer Schaltfläche – perfekt um Kunden zum Buchen oder Kaufen zu bewegen.
Voraussetzungen
Es gibt keine besonderen Voraussetzungen. Du kannst Preistabellen jederzeit auf einer deiner Seiten einfügen.
Aufbau der Einstellungen
Rechts siehst du ein Einstellungsfenster mit mehreren Bereichen:
Allgemein enthält grundlegende Angaben zur Tabelle: eine Bezeichnung (für interne Verlinkung) und die Anzahl der Karten, die nebeneinander angezeigt werden.
Text fasst die Überschriften zusammen, die über allen Tabellen erscheinen – eine große Überschrift und eine kleinere darunter.
Tabellen ist der Bereich, in dem du deine einzelnen Preisangebote aufbaust. Jede Angebot ist eine eigene Karte mit Titel, Preis, Features und Schaltfläche. Du kannst beliebig viele Karten anlegen, verschieben, kopieren oder löschen.
So gehst du vor
Schritt 1: Überschriften und Layout festlegen
- Trage eine Bezeichnung (für Verlinkung) ein – ein kurzer Name, unter dem die Tabelle intern erreichbar ist. Dieses Feld ist optional.
- Stelle unter Karten pro Zeile ein, wie viele Preisangebote nebeneinander sichtbar sein sollen. Der Schieberegler geht von 1 bis 12.
- Scrolle zum Bereich Text.
- Gib eine Überschrift ein – das ist die Hauptüberschrift über allen Karten.
- Gib eine Kleine Überschrift ein – ein Zusatztext darunter. Beide Felder akzeptieren Formatierung nach Markdown-Regeln.
Schritt 2: Erste Preiskarte anlegen
Scrolle zum Bereich Tabellen.
- Klicke auf Karte hinzufügen, um eine neue Preiskarte zu erstellen.
- Eine neue Sektion öffnet sich. Trage hier ein:
- Icon: Wähle ein Symbol aus, das oben auf der Karte angezeigt wird.
- Titel: Der Name des Angebots.
- Animation: Optional eine Animationsart auswählen, wenn Besucher die Seite laden. Die Voreinstellung ist Keine Animation.
- Text (Preis): Der Betrag, der auf der Karte angezeigt wird.
- Text (Preisperiode): Was der Preis kostet – z. B. „pro Monat", „einmalig". Wird neben dem Preis gezeigt.
Schritt 3: Schaltfläche einrichten
Auf der gleichen Karte weiter unten:
- Trage einen Button Text ein – das ist die Beschriftung der Schaltfläche.
- Wähle einen Button Style – das ist das Aussehen der Schaltfläche (Farbe, Stil).
- Unter Navigationsziel legst du fest, wohin die Schaltfläche führt: zu einer anderen Seite deiner Website, zu einer externen URL oder zu einem Anker auf dieser Seite. Klicke auf das Feld und wähle das Ziel aus.
Schritt 4: Features hinzufügen
Features sind die Leistungsmerkmale der Karte – z. B. „Unbegrenzte Nutzer", „E-Mail-Support", „Priorität".
- Klicke auf Feature hinzufügen, um das erste Feature einzutragen.
- Ein neuer Eintrag erscheint darunter.
- Wähle ein Icon für das Feature.
- Trage den Text des Features ein – was diese Leistung beinhaltet.
- Wiederhole das für jedes weitere Feature.
Du kannst Features mit den Pfeilen nach oben und unten verschieben, sie kopieren oder löschen.
Schritt 5: Weitere Karten anlegen
- Klicke erneut auf Karte hinzufügen und wiederhole die Schritte 2 bis 4.
- Mit den Pfeilen oben rechts bei jeder Karte kannst du die Reihenfolge ändern.
- Mit dem Kopieren-Symbol duplizierst du eine Karte – praktisch, wenn die nächste ähnlich aussehen soll.
- Mit dem Entfernen-Symbol löschst du eine Karte wieder.
Schritt 6: Speichern
Klicke oben rechts auf Speichern. Deine Preistabelle ist nun auf der Website sichtbar.
Was danach passiert
Die Preistabellen werden auf deiner Website angezeigt. Besucher sehen alle Karten mit ihren Features, Preisen und Schaltflächen. Die Schaltfläche führt zu dem Navigationsziel, das du festgelegt hast.
Du kannst die Tabellen jederzeit bearbeiten: Öffne den Block erneut, ändere Texte, Preise, Features oder die Kartenanzahl pro Zeile – alles ohne die Website neu zu veröffentlichen.
Tipps und Hinweise
- Features übersichtlich halten: Fünf bis sieben Features pro Karte wirken am überzeugendsten. Zu viele verwirren Besucher.
- Unterschiedliche Karten hervorheben: Nutze das Badge-Feld bei deinem Angebot mit dem höchsten Wert – „Beliebt" oder „Unsere Empfehlung" erhöht die Conversions.
- Icon-Wahl: Wähle Icons, die schnell verständlich sind. Ein Haken bei „enthalten", ein X bei „nicht enthalten" wirkt klarer als mehrdeutige Symbole.
- Responsive Design: Die Karten passen sich automatisch an Tablet und Handy an. Bei sehr vielen Karten pro Zeile werden sie auf kleinen Bildschirmen schmäler.