Preistabelle

Mit diesem Bereich erstellst du eine übersichtliche Preistabelle mit verschiedenen Paketen. Jedes Paket wird als eigene Karte dargestellt mit Preis, Leistungen und einer Handlungsaufforderung. Das ist ideal für den Vergleich verschiedener Angebote.

Voraussetzungen

• Verschiedene Preispakete, die du anbieten möchtest
• Preise und Leistungsbeschreibungen für jedes Paket
• Links für die Buchungs- oder Kontakt-Schaltflächen

Aufbau der Seite

Der Bereich besteht aus:

• Paket-Karten: Jedes Preispaket als separate Karte
• Responsive Layout: Automatische Anordnung je nach Bildschirmgröße
• Einheitliches Design: Alle Karten haben das gleiche Aussehen
• Flexible Anordnung: Du kannst die Anzahl der Karten pro Zeile festlegen

So arbeitest du mit dieser Seite

Grundeinstellungen

1. Karten pro Zeile (CardsInRowCount): Lege fest, wie viele Pakete nebeneinander angezeigt werden
   • Standard: 3 Karten pro Zeile
   • Empfohlen: 2-4 Karten je nach Anzahl der Pakete
   • Auf mobilen Geräten wird automatisch auf 1 Karte pro Zeile umgestellt

Preispakete hinzufügen

1. Klicke auf "Preispaket hinzufügen" oder das Plus-Symbol
2. Konfiguriere jedes Paket einzeln:

Paket-Grunddaten

1. Paketname (ItemHeader): Name des Preispakets

   • Beispiel: "Starter", "Professional", "Enterprise"
   • Wird als Überschrift der Karte angezeigt

2. Symbol (FeatherIcon): Optionales Symbol neben dem Namen

   • Beispiel: "StarIcon", "ZapIcon", "ShieldIcon"
   • Lasse leer für kein Symbol

Preisinformationen

1. Preis (Price): Numerischer Preiswert

   • Beispiel: 29.99, 99, 199.50
   • Wird automatisch formatiert angezeigt

2. Preiseinheit (PriceUnit): Zusatz zum Preis

   • Standard: "/Monat"
   • Beispiele: "/Jahr", "/Projekt", "/Benutzer", "einmalig"

Leistungen definieren

1. Klicke auf "Leistung hinzufügen"
2. Text: Beschreibung der Leistung
   • Beispiel: "5 Projekte", "Unbegrenzter Support", "10 GB Speicher"
3. Symbol (FeatherIcon): Optionales Symbol vor der Leistung
   • Standard: Kein Symbol (nur Text)
   • Beispiele: "CheckIcon", "XIcon", "InfoIcon"

Schaltfläche konfigurieren

1. Schaltflächentext (ButtonText): Text auf der Aktions-Schaltfläche

   • Beispiel: "Jetzt buchen", "Kostenlos testen", "Mehr erfahren"
   • Lasse leer, wenn keine Schaltfläche gewünscht ist

2. Link (ButtonHref): Ziel der Schaltfläche

   • Beispiel: "/anmeldung", "/kontakt", "https://shop.example.com"

3. Schaltflächen-Stil (ButtonStyle): Aussehen der Schaltfläche

   • Primary: Auffällige Hauptschaltfläche (meist blau)
   • Secondary: Dezentere Schaltfläche (meist grau)
   • Success: Grüne Schaltfläche für positive Aktionen
   • Danger: Rote Schaltfläche für Warnungen

Animation hinzufügen

1. Animation: Wähle eine Einblendungsanimation für die Karte
   • Jede Karte kann eine eigene Animation haben
   • Empfohlen: Gestaffelte Animationen für mehrere Karten

Tipps und Hinweise

• Paketanzahl: 2-4 Pakete sind optimal für die Übersichtlichkeit
• Empfohlenes Paket: Hebe das beliebteste Paket visuell hervor (z.B. mit Primary-Schaltfläche)
• Leistungsvergleich: Verwende ähnliche Kategorien für alle Pakete
• Preispsychologie: Ordne Pakete von günstig zu teuer oder umgekehrt
• Mobile Ansicht: Pakete werden automatisch untereinander angeordnet

Leistungen strukturieren

Quantitative Leistungen:

• "5 Projekte" vs. "50 Projekte" vs. "Unbegrenzte Projekte"
• "10 GB Speicher" vs. "100 GB Speicher" vs. "1 TB Speicher"
• "E-Mail-Support" vs. "Telefon-Support" vs. "24/7 Premium-Support"

Qualitative Leistungen:

• "Grundfunktionen" vs. "Erweiterte Funktionen" vs. "Alle Funktionen"
• "Standard-Templates" vs. "Premium-Templates" vs. "Custom Design"

Verwendungsbeispiele

Software-Abonnement:

Starter (19€/Monat):        Professional (49€/Monat):    Enterprise (99€/Monat):
- 5 Projekte                - 50 Projekte                 - Unbegrenzte Projekte
- 10 GB Speicher           - 100 GB Speicher            - 1 TB Speicher
- E-Mail-Support           - Telefon-Support             - 24/7 Premium-Support
- Grundfunktionen          - Erweiterte Funktionen       - Alle Funktionen

Beratungsdienstleistung:

Basis (500€/Projekt):       Standard (1.500€/Projekt):   Premium (3.000€/Projekt):
- 2 Beratungsstunden       - 8 Beratungsstunden         - 20 Beratungsstunden
- E-Mail-Support           - Telefon-Support             - Vor-Ort-Termine
- Grundanalyse             - Detailanalyse               - Vollständige Umsetzung

Häufige Probleme lösen

Zu viele Pakete:

• Beschränke dich auf 3-4 Hauptpakete
• Erstelle separate Tabellen für verschiedene Produktkategorien

Unübersichtliche Leistungen:

• Verwende kurze, prägnante Beschreibungen
• Gruppiere ähnliche Leistungen
• Nutze Symbole für bessere Erkennbarkeit

Preise nicht vergleichbar:

• Verwende einheitliche Preiseinheiten
• Rechne verschiedene Zeiträume um (z.B. Jahrespreis ÷ 12)

Verwandte Seiten

• Preisseite - Für komplexere Preisstrukturen mit Zusatzpaketen
• Newsletter - Für Preisänderungs-Benachrichtigungen
• Markdown - Für detaillierte Leistungsbeschreibungen