> 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/produktdartstellung/produkt-mit-countdown.md).

# Product with Countdown

The element is an effective way to create urgency and motivate customers to take advantage of time-limited promotions or offers.

With this element, you can display a **product** that is linked to a **countdown timer** showing the remaining time until the end of a promotion, discount, or special campaign.

{% hint style="info" %}
**What is the purpose of this element?**

This feature allows customers to see directly how much time they have left to purchase a specific product at a special price or participate in a special promotion. This significantly increases the shop's conversion rate.
{% endhint %}

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2FMUzIY7hyeXlV8cjQXv3P%2FBildschirmfoto%202024-10-07%20um%2021.33.58.png?alt=media&amp;token=3a13aaa5-290c-408e-9d2b-601a75b43db6" alt=""><figcaption></figcaption></figure>

### General - Settings

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2Fm0vpK1FHPNERidVP7fBT%2FBildschirmfoto%202024-10-07%20um%2021.34.53.png?alt=media&amp;token=c1f01f23-8476-4818-a4ec-bc866a1ad6f0" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="241">Function</th><th>Description</th></tr></thead><tbody><tr><td>Select Product (1)</td><td>Here you set the product to be displayed.<br><strong>New Price</strong> and <strong>Old Price (strikethrough)</strong> are automatically taken from the product data and inserted.</td></tr><tr><td>Timer (2)</td><td><a data-mention href="/cms-bundle/en/elemente/konfigurationsbausteine/timer.md">Timer</a></td></tr></tbody></table>

### Advanced - Settings

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2FW61Cdj0jnCLZvRVuzAZn%2FBildschirmfoto%202024-10-07%20um%2021.35.44.png?alt=media&amp;token=b0b55330-85a8-4ca2-bba1-9aeecc3bd10e" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="293">Function</th><th>Description</th></tr></thead><tbody><tr><td>Hide After Expiration (1)</td><td>The element will be automatically hidden after the timer expires.</td></tr><tr><td>Show Before Start (2)</td><td>Display the element before the timer starts.</td></tr><tr><td>Show Badge (3)</td><td>A visual indicator text can be displayed through this function.</td></tr><tr><td>Show Ratings (4)</td><td>Product ratings can be displayed here. Note that ratings must be generally activated.</td></tr><tr><td>Type of Badge (5)</td><td>There are different standards that are handled in the theme.</td></tr><tr><td>Badge Text (6)</td><td>The text that should appear on the badge.</td></tr><tr><td>Teaser Text Before Start (7)</td><td>If (2) is active, you can define the text to be displayed instead of the timer.</td></tr></tbody></table>