> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/en/elemente/call-to-action/pricing-tables.md).

# Pricing Tables

The pricing table element allows you to display pricing options in a clear and organized way. These tables are ideal for comparing different products, services, or offers with their respective advantages and disadvantages.

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2F0g3LEmjRBCfBnzqxOm7Y%2FBildschirmfoto%202024-10-20%20um%2018.18.05.png?alt=media&amp;token=6071de69-dcce-456d-9457-dbc90545cec8" alt=""><figcaption></figcaption></figure>

### General Configuration

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2F4YVyfEjnQ8htqW8hRCsl%2FBildschirmfoto%202024-10-20%20um%2018.20.29.png?alt=media&amp;token=884a50c0-fc62-40d4-99ed-b7f402516c72" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="310">Function</th><th>Description</th></tr></thead><tbody><tr><td>Title (1)</td><td>Set the title for the pricing table here</td></tr><tr><td>Subtitle (2)</td><td>A small introductory text for thematic support</td></tr><tr><td>Description (3)</td><td>What is your pricing package about? Here you can set a detailed description.</td></tr><tr><td>Price (4)</td><td>The cost the customer should expect.</td></tr><tr><td>Price Information (5)</td><td>For example, "Month" would append "/ Month" after the price</td></tr><tr><td>Highlight (6)</td><td>Highlight the entire table to create purchase incentives</td></tr></tbody></table>

### Advantages and Disadvantages Configuration

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2FHZYPc1oHt966OlKxpSLg%2FBildschirmfoto%202024-10-20%20um%2018.26.26.png?alt=media&amp;token=a453ae1d-acb8-42ac-84b7-3bc105933769" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The configuration is the same for both advantages and disadvantages. The only difference is that disadvantages are visually distinguished from advantages in the output.
{% endhint %}

<table><thead><tr><th width="310">Function</th><th>Description</th></tr></thead><tbody><tr><td>Sorting Function (1)</td><td>Duplicate, move, and delete individual elements</td></tr><tr><td>Describe Advantage (2)</td><td>What does the advantage include?</td></tr><tr><td>Help Text for Advantage (3)</td><td>Here you can provide a description of the advantage. If set, a corresponding question mark symbol will appear next to the advantage, showing more info on hover.</td></tr><tr><td>Add Advantage (4)</td><td>Add as many additional advantages as you like here</td></tr></tbody></table>

### Linking Configuration

{% content-ref url="/pages/Q0EbnJqtuAaJuN9BHAE0" %}
[Linking](/cms-bundle/en/elemente/konfigurationsbausteine/verlinkung.md)
{% endcontent-ref %}

{% content-ref url="/pages/IDCzxbLczQ60ESEzaHLK" %}
[Button](/cms-bundle/en/elemente/konfigurationsbausteine/button.md)
{% endcontent-ref %}