Preistabellen gestalten
Du erstellst und bearbeitest Preistabellen für deine Website. Preistabellen zeigen Tarife, Pakete oder Leistungen übersichtlich in Karten oder Tabellenform an – mit Preisen, Merkmalen und Schaltflächen zum Weiterleiten.
Voraussetzungen
Es gibt keine besonderen Voraussetzungen.
So gehst du vor
Erste Preistabelle mit Karten erstellen
Klicke auf Karte hinzufügen, um eine neue Preiskarte anzulegen.
Oben unter Allgemein gibst du zunächst eine Bezeichnung (für Verlinkung) ein – etwa als Ziel für einen Anker auf der Seite. Mit dem Schieberegler Karten pro Zeile stellst du ein, wie viele Karten nebeneinander passen sollen.
Gib unter Titel den Namen der Karte ein – etwa eine Tarifbezeichnung.
Wähle ein Symbol für die Karte. Klicke auf das leere Feld links neben dem Titel und wähle ein Icon aus der Liste.
Gib das erste Text-Feld ein – das ist typischerweise der Preis.
Trage im zweiten Text-Feld daneben ein – etwa die Preisperiode oder die Währung.
Schreibe einen Text in das Feld Button Text, etwa „Jetzt buchen" oder „Mehr erfahren". Daneben wählst du den Stil der Schaltfläche – Farbe und Größe.
Wähle das Navigationsziel – wohin soll die Schaltfläche führen? Du kannst auf eine interne Seite, eine externe URL oder ein Formular verlinken.
Wähle optional unter Animation einen Effekt, mit dem die Karte beim Laden sichtbar wird.
Klicke auf Feature hinzufügen, um einzelne Merkmale der Leistung einzutragen.
Für jedes Feature gibst du einen Text ein und kannst ein Symbol wählen. Du kannst beliebig viele Features hinzufügen.
Speichere die Änderungen.
Mehrere Karten verwalten
Nachdem du die erste Karte erstellt hast, kannst du weitere Karten hinzufügen oder die bestehende kopieren:
- Karte kopieren: Klicke auf die Kopieren-Schaltfläche (Duplikat-Symbol) und ändere die Details. Das ist schneller, als eine neue Karte von Grund auf zu erstellen.
- Karte löschen: Klicke auf die Papierkorb-Schaltfläche.
- Karte verschieben: Nutze die Pfeile nach oben und unten, um die Reihenfolge zu ändern.
Dasselbe gilt für Features innerhalb einer Karte.
Alternative: Preistabelle mit Tabellenzeilen erstellen
Die zweite Variante zeigt Tarife nicht als Karten, sondern in einer Tabelle mit Zeilen. Der Ablauf ähnelt sich:
Klicke auf Tabelle hinzufügen.
Gib unter Überschrift den Namen des Tarifs ein.
Wähle ein Symbol für die Tabelle.
Trage unter Badge einen Hinweis ein, falls gewünscht – etwa „Beliebt" oder „Empfohlen" –, und gib einen Badge Text für die Beschriftung ein.
Gib unter Kleine Überschrift einen Untertitel ein, etwa eine Kurzbeschreibung des Tarifs.
Trage den Preis ein – das Feld erkennt Geldbeträge automatisch.
Gib die Preisperiode an – etwa „pro Monat" oder „jährlich".
Entscheide, ob du den Text zentrieren möchtest – aktiviere dazu Text zentrieren.
Schreibe Button Text und wähle Stil sowie Navigationsziel wie bei den Karten.
Wähle optional eine Animation.
Füge über Feature hinzufügen Merkmale der Leistung hinzu – jedes mit Text und optional einem Symbol.
Verwalte die Tabellen über Kopieren, Verschieben und Löschen.
Unter Tabellen pro Reihe stellst du ein, wie viele Tabellen nebeneinander auf der Seite erscheinen – zwischen 1 und 4.
Speichere die Änderungen.
Aufbau der Seite
Allgemein: Hier stellst du die Bezeichnung der gesamten Preistabelle ein (für Verlinkung und interne Navigation) und – nur bei Karten – die Anzahl der Karten pro Zeile.
Text (nur bei Tabellen): Hier gibst du eine Überschrift und Kleine Überschrift für die gesamte Tabelle ein.
Aktionen oder Tabellen: Hier legst du einzelne Karten oder Tabellenzeilen an und bearbeitest sie. Zu jeder Karte oder Tabelle gehören:
- Icon: Ein Symbol, das die Karte oder Tabelle visuell kennzeichnet
- Titel/Überschrift: Der Name des Tarifs
- Kleine Überschrift: Ein erklärischer Zusatz (bei Tabellen)
- Badge/Badge Text: Ein Hervorhebungszeichen wie „Empfohlen" (nur bei Tabellen)
- Preis: Der Betrag (nur bei Tabellen als Geldfeld; bei Karten als beliebiger Text)
- Preisperiode/Text: Zusatztext wie „pro Monat" (bei Karten) oder Zeitraum (bei Tabellen)
- Button Text und Stil: Die Aufschrift und das Aussehen der Schaltfläche
- Navigationsziel: Wohin die Schaltfläche führt
- Animation: Ein Effekt beim Laden
- Features: Eine Liste von Merkmalen mit Icon und Text
Was danach passiert
Die Preistabelle wird auf deiner Website veröffentlicht, sobald du die Seite speicherst. Besucher sehen die Karten oder Tabellen mit allen eingegebenen Informationen – und können über die Schaltflächen interagieren.
Du kannst die Tabelle jederzeit bearbeiten: Karten oder Tabellen hinzufügen, Inhalte ändern oder die Reihenfolge anpassen. Alle Änderungen werden sofort nach dem Speichern sichtbar.
Tipps und Hinweise
- Merkmale hervorheben: Features sind der Ort, um schnell zu zeigen, was in jedem Tarif enthalten ist. Nutze aussagekräftige Icons, um sie auf einen Blick erkennbar zu machen.
- Schaltflächen zielgerichtet: Die Schaltfläche sollte zu einer klaren nächsten Aktion führen – etwa zu einer Bestellseite, einem Kontaktformular oder einer Buchungsseite.
- Reihenfolge überlegen: Ordne Tarife von günstig zu teuer oder nach Häufigkeit – das wirkt sich auf die Wahrnehmung aus.
- Karten vs. Tabellen: Karten wirken moderner und lockerer. Tabellen sind übersichtlicher, wenn du viele Merkmale vergleichen möchtest.