# Preistabellen

Das Preistabellen-Element ermöglicht es dir, Preisoptionen übersichtlich darzustellen. Diese Tabellen eignen sich ideal, um unterschiedliche Produkte, Services oder Angebote mit ihren jeweiligen Vor- und Nachteilen zu vergleichen.

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2F7AaOTcLYwfnFJBNgqxRm%2FBildschirmfoto%202024-10-20%20um%2018.18.05.png?alt=media&#x26;token=78cb9306-89cb-41a9-89fa-5e8459ff45b6" alt=""><figcaption></figcaption></figure>

### Allgemeine - Konfiguration

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2FmClkIw6Ek9icU9sJJqHQ%2FBildschirmfoto%202024-10-20%20um%2018.20.29.png?alt=media&#x26;token=c32a1318-01ab-4349-892e-ab0355896688" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="310">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Titel (1)</td><td>Hier kannst du den Titel für die Preistabelle setzen</td></tr><tr><td>Untertitel (2)</td><td>Ein kleiner Einleitungstext zur thematischen Unterstützung</td></tr><tr><td>Beschreibung (3)</td><td>Worum geht es in deinem Preispaket? Hier kannst du eine ausführliche Beschreibung setzen.</td></tr><tr><td>Preis (4)</td><td>Die Kosten, die den Kunden erwarten.</td></tr><tr><td>Preisinformation (5)</td><td>Beispielsweise "Monat" würde dann "/ Monat" hinter den Preis setzen</td></tr><tr><td>Hervorheben (6)</td><td>Eine Hervorhebung der gesamten Tabelle, um Kaufanreize zu setzen</td></tr></tbody></table>

### Vor- und Nachteile - Konfiguration

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2FhWQ2waYwt2uqGFmelQEN%2FBildschirmfoto%202024-10-20%20um%2018.26.26.png?alt=media&#x26;token=7a21ef15-ccfd-468f-a92b-eab87fabb9b3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Die Konfiguration ist sowohl bei Vor- und Nachteilen gleich. Der Unterschied ist nur, dass sich Nachteile von Vorteilen optisch in der Ausgabe abgrenzen.
{% endhint %}

<table><thead><tr><th width="310">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Sortierungsfunktion (1)</td><td>Duplizieren, verschieben und löschen der einzelnen Elementelle setzen</td></tr><tr><td>Vorteil beschreiben (2)</td><td>Was beinhaltet der Vorteil?</td></tr><tr><td>Hilfetext zum Vorteil (3)</td><td>Hier kannst du eine Beschreibung des Vorteils setzen. Wenn gesetzt, wird ein entsprechendes Fragezeichen Symbol hinter den Vorteil gesetzt, was bei Mouse-Hover mehr Infos anzeigt.</td></tr><tr><td>Vorteil hinzufügen (4)</td><td>Hier kannst du beliebig viele weitere Vorteile setzen</td></tr></tbody></table>

### Verlinkung - Konfiguration

{% content-ref url="../konfigurationsbausteine/verlinkung" %}
[verlinkung](https://docs.rh-webdesign.com/cms-bundle/elemente/konfigurationsbausteine/verlinkung)
{% endcontent-ref %}

{% content-ref url="../konfigurationsbausteine/button" %}
[button](https://docs.rh-webdesign.com/cms-bundle/elemente/konfigurationsbausteine/button)
{% endcontent-ref %}