Preistabellen einrichten

Du gestaltest Preistabellen für deine Website, um deine Angebote übersichtlich zu präsentieren. Es gibt zwei Varianten: Preiskarten in einer Reihe oder Preistabellen in einem Raster. Beide werden im selben Bearbeitungsfenster konfiguriert.

Voraussetzungen

Du hast einen Block vom Typ Preistabelle auf einer Seite eingefügt. Siehe Block auf einer Seite einrichten.

So gehst du vor

Allgemeine Einstellungen

1. Trage unter Bezeichnung (für Verlinkung) einen internen Namen ein, unter dem du diesen Block später wiederfindest – etwa zur Verlinkung von einer anderen Stelle der Website. Dieses Feld ist optional.

2. Falls es sich um Preiskarten handelt: Stelle unter Karten pro Zeile ein, wie viele Karten nebeneinander angezeigt werden sollen – zwischen 1 und 12.

3. Falls es sich um Preistabellen handelt: Trage unter Überschrift und Kleine Überschrift den Text ein, der über den Tabellen erscheint. Stelle dann unter Tabellen pro Reihe ein, wie viele Tabellen nebeneinander passen – zwischen 1 und 4.

Preiskarten oder Preistabellen hinzufügen

4. Klicke auf Karte hinzufügen (für Preiskarten) oder Tabelle hinzufügen (für Preistabellen).

Eine neue Karte oder Tabelle erscheint in der Liste darunter.

Eine Karte oder Tabelle bearbeiten

5. Öffne die Karte oder Tabelle durch Klick auf ihren Namen. Folgende Felder stehen dir zur Verfügung:

   • Symbol: Wähle ein Icon aus, das neben dem Namen angezeigt wird.
   • Titel: Die Bezeichnung der Karte oder Tabelle.
   • Animation: Wähle eine Eingangsanimation, oder wähle Keine Animation.
   • Preis: Der Geldbetrag.
   • Text (nur Karten, neben dem Preis) oder Preisperiode (nur Tabellen): Ergänzung zum Preis, etwa zeitliche Angaben.
   • Badge Text (nur Tabellen): Ein Hinweislabel, das oben auf der Tabelle angezeigt wird.
   • Text zentrieren (nur Tabellen): Schalter, um die Texte in der Tabelle zentriert auszurichten.
   • Kleine Überschrift (nur Tabellen): Ein Untertitel unter dem Haupttitel.
   • Schaltflächentext: Die Aufschrift des Aktionsknopfes.
   • Schaltflächenstil: Wähle Farbe und Erscheinungsbild der Schaltfläche.
   • Navigationsziel: Lege fest, wohin die Schaltfläche führt – zu einer internen Seite, einer externen URL oder einem Anker.

Features hinzufügen

6. Scrolle in der Karte oder Tabelle nach unten und klicke auf Feature hinzufügen.

Ein neues Feature erscheint als Untereintrag.

7. Fülle für jedes Feature aus:

   • Symbol: Ein Icon, das das Feature kennzeichnet.
   • Text: Die Beschreibung des Features.

Reihenfolge ändern

8. Um eine Karte, Tabelle oder ein Feature zu verschieben:
   • Klicke die Schaltfläche mit dem nach-unten-Pfeil, um den Eintrag eine Position nach unten zu verschieben.
   • Klicke die Schaltfläche mit dem nach-oben-Pfeil, um ihn nach oben zu verschieben.

Die Schaltfläche ist deaktiviert, wenn der Eintrag bereits an der ersten oder letzten Position steht.

Duplikat erstellen

9. Klicke die Schaltfläche mit dem Kopieren-Symbol neben einer Karte, Tabelle oder einem Feature.

weboffice erstellt ein Duplikat mit allen Einstellungen und fügt es direkt darunter ein. Du kannst es dann anpassen.

Eintrag löschen

10. Klicke die Schaltfläche mit dem Papierkorb-Symbol neben einer Karte, Tabelle oder einem Feature.

Der Eintrag wird sofort entfernt – es gibt keine Rückfrage.

Aufbau der Preistabelle

Die Bearbeitungsfläche ist in mehrere Abschnitte aufgeteilt:

• Allgemein: Hier stellst du grundsätzliche Einstellungen vor – Bezeichnung, Anzahl der Karten oder Tabellen pro Zeile.

• Karten oder Tabellen: Hier verwaltest du alle Karten oder Tabellen. Jede Karte oder Tabelle kann mehrere Features enthalten, die die Leistungsmerkmale aufzählen.

Jede Karte oder Tabelle hat oben rechts vier Schaltflächen: zum Verschieben nach unten, zum Kopieren, zum Löschen und zum Verschieben nach oben.

Was danach passiert

Deine Preistabelle wird auf der Website sofort angezeigt. Besucher können über den Schaltflächentext die nächste Aktion auslösen – etwa zur Bestellung oder Anfrage springen. Die Reihenfolge der Karten und Tabellen, ihre Features und alle Gestaltungseinstellungen werden automatisch gespeichert.

Tipps und Hinweise

• Animationen sparend einsetzen: Animationen können die Seite lebendiger wirken lassen, können aber auch ablenkend wirken. Nutze sie gezielt für besonders hervorgehobene Angebote.

• Schaltflächenziele nicht vergessen: Vergiss nicht, ein Navigationsziel für jede Schaltfläche zu setzen. Sonst führt der Klick nirgendwohin.

• Badge und Hervorhebung: Der Badge-Text (nur bei Preistabellen) eignet sich, um ein Angebot als besonders populär oder empfohlen zu markieren – nutze das, um eine Variante hervorzuheben.

• Konsistente Struktur: Gib allen Karten oder Tabellen eine ähnliche Anzahl von Features, damit die Übersicht einheitlich wirkt.