> For the complete documentation index, see [llms.txt](https://docs.bogos.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bogos.io/de/detailed-guide/customize/customize-product-discount.md). # Produktrabatt anpassen Dieses Dokument erklärt, wie Sie die Rabattanzeige Ihres Produkts und das Countdown-Widget anpassen – so zeigen Sie den rabattierten Preis klar an und schaffen mit einem Timer auf Ihren Produktseiten Dringlichkeit. Die Anpassung dieser Elemente mit BOGOS umfasst 4 Schritte: 1. Öffnen Sie im BOGOS-Admin Anpassen > Rabatt > Produktrabatt. 2. [Passen Sie das Countdown-Widget an](#customize-countdown-widget). 3. [Passen Sie die Rabattpreisanzeige an](#customize-discount-price-display). 4. Klicken Sie auf Speichern. ## Countdown-Widget anpassen Das Countdown-Widget erscheint auf Ihren Produktseiten und zeigt Kunden, wie viel Zeit für den Rabatt noch verbleibt, um Dringlichkeit zu schaffen, vor Ablauf des Angebots zu kaufen. ![](/files/Y0KXGg6jiLH6RXOQ7CHj) ### Allgemein * **Countdown-Widget aktivieren**: Zeigt den Countdown-Timer auf Ihren Produktseiten an. Der Countdown wird basierend auf der Start-/Endzeit Ihres Angebots und den Einstellungen für „Rabatt in einem Zeitraum wiederholen“ angezeigt. * **Widget-Stil**: Wählen Sie zwischen Leiste (schlankes Aussehen) oder Banner (mehr Aufmerksamkeit). * **Zahlenhintergrund umschließen**: Fügt einen Hintergrundblock hinter jeder Countdown-Ziffer hinzu. * **Beschriftungen anzeigen** (nur für den Banner-Widget-Stil): Aktivieren, um Textbeschriftungen unterhalb jeder Countdown-Einheit anzuzeigen. Sie können den gesamten verfügbaren Beschriftungstext anpassen. * **Widget-Randradius**: Ziehen Sie den Schieberegler (0–24 px), um die Eckenrundung des Widgets anzupassen. Der Hintergrund hinter jeder Ziffer wird automatisch mit der Hälfte dieses Werts abgerundet. ### Farbe BOGOS ermöglicht Ihnen, die Farben aller Elemente mit einer der folgenden 3 Methoden anzupassen: * Wählen Sie ein vorgefertigtes Farbset aus dem Dropdown-Menü. * Passen Sie jedes Farbfeld manuell an für alle verfügbaren Farben. * Kontaktieren Sie das BOGOS-Support-Team, um Hilfe bei der Farbanpassung zu erhalten. Klicken Sie auf Speichern, wenn Sie fertig sind. ## Rabattpreisanzeige anpassen Die Rabattpreisanzeige erscheint auf Ihren Produktseiten und zeigt Kunden den rabattierten Preis sowie ihre Ersparnis an. ![](/files/sDqB6gkso8olAYsgnkHR) #### Allgemein * **Benutzerdefinierte Rabattpreisanzeige**: Aktivieren, um den rabattierten Preis im Stil eines Vergleichspreises anzuzeigen. {% hint style="warning" %} Wenn deaktiviert, zeigt die Produktseite nur den Originalpreis an, bis das Produkt zum Warenkorb hinzugefügt wird. {% endhint %} * **Rabattlabel anzeigen**: Zeigt ein Label neben dem Preis an, um den Rabatt darzustellen. Bei Aktivierung legen Sie fest: * **Rabattlabel**: Der auf dem Label angezeigte Rabatttext. Verwenden Sie {{discount\_amount}}, um den Rabattwert dynamisch anzuzeigen (z. B. „10 % RABATT“). #### Typografie * **Rabattpreis**: Legen Sie Schriftgröße und -stärke (Normal oder Fett) für den rabattierten Preis fest. * **Originalpreis**: Legen Sie Schriftgröße und -stärke (Normal oder Fett) für den Originalpreis fest. * **Originalpreis durchstreichen**: Aktivieren, um den Originalpreis durchgestrichen anzuzeigen (z. B. 165 $). #### Farbe BOGOS ermöglicht Ihnen, die Farben aller Elemente mit einer der folgenden 3 Methoden anzupassen: * Wählen Sie ein vorgefertigtes Farbset aus dem Dropdown-Menü. * Passen Sie jedes Farbfeld manuell an für alle verfügbaren Farben. * Kontaktieren Sie das BOGOS-Support-Team, um Hilfe bei der Farbanpassung zu erhalten. Klicken Sie auf Speichern, wenn Sie fertig sind. ### Brauchen Sie Hilfe? Wenn Sie Unterstützung benötigen, wenden Sie sich gerne über den Live-Chat innerhalb unserer BOGOS-App an unser Kundensupport-Team. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.bogos.io/de/detailed-guide/customize/customize-product-discount.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.