> 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-today-offer-old-version.md).

# Heute-Angebot anpassen (alte Version)

Das Heute-Angebot-Widget zeigt Kunden im Onlineshop die aktuell verfügbaren Angebote an. Das Widget informiert Kunden über laufende Aktionen und ermutigt sie, diese Angebote zu nutzen.

{% embed url="<https://youtu.be/Cln7YR8BSGE>" %}

{% hint style="warning" %}
Dies ist die alte Version des Heute-Angebot-Widgets. Sie können es zwar weiterhin einrichten (nur für diejenigen, die es derzeit verwenden), wir empfehlen jedoch dringend, [die neueste Version einzurichten](/de/detailed-guide/boosters/create-today-offer-widget.md).
{% endhint %}

## 1. Verschiedene Komponenten des Heute-Angebot-Widgets <a href="#how-to-enable-the-widget" id="how-to-enable-the-widget"></a>

### 1.1. Aktivieren des Heute-Angebot-Widgets

Das Widget ist in Ihrem Shop standardmäßig deaktiviert. Um es zu deaktivieren/aktivieren, navigieren Sie zu Allgemein > Widget aktivieren.

<figure><img src="/files/kgxfXFcee63LCDuwKPrd" alt=""><figcaption></figcaption></figure>

### 1.2. Aktivieren der Geschenkbenachrichtigung

Die Geschenkbenachrichtigung ist ein syntaxbasierter Text, der Ihre Kunden über die **Anzahl der Geschenke** und die **Rabatte** informiert, die sie für jedes Angebot erhalten würden. Die Geschenkbenachrichtigung [kann bearbeitet werden](#widget-info).

Um die Geschenkbenachrichtigung zu aktivieren, klicken Sie im selben Menü Allgemein auf „Geschenkbenachrichtigung aktivieren“.

<figure><img src="/files/C5HgyClfUZ7wsi9zPyve" alt=""><figcaption></figcaption></figure>

### 1.3. Geschenkvorschau anzeigen

Die Geschenkvorschau gibt Ihren Kunden einen kleinen Einblick in die Geschenke, die sie für jedes Angebot erhalten würden.

Es gibt einige anpassbare Optionen:

* Geschenk nach Produkt oder nach Variante anzeigen
* Die Anzahl der angezeigten Geschenke pro Angebot: Maximale Anzahl an Geschenken pro Angebot, bevor die Schaltfläche „Mehr anzeigen“ erscheint. Wenn Ihre Kunden auf die Schaltfläche „Mehr anzeigen“ klicken, werden alle Geschenke dieses Angebots innerhalb des Widgets angezeigt.

<figure><img src="/files/pF2PSZgTaVWTkek2CDkv" alt=""><figcaption></figcaption></figure>

### 1.4. Eine „Angebot erhalten“-Schaltfläche hinzufügen

Diese Schaltfläche leitet Ihre Kunden zu einem von Ihnen hinzugefügten Link weiter, um Ihr Heute-Angebot in ein konversionsstärkeres Widget zu verwandeln.

Dies wird nicht direkt unter Anpassen hinzugefügt, sondern auf dem Bildschirm „Angebot erstellen“. Bitte folgen Sie [dieser Anleitung](https://docs.bogos.io/de/detailed-guide/customize/pages/hIgtYz7kYb49PakeZmkU#id-5.3.-today-offer).

<figure><img src="/files/jDKwIhqZKEcCG0kTaNXh" alt=""><figcaption></figcaption></figure>

So sieht die Vollversion des Heute-Angebot-Widgets in Ihrem Onlineshop aus:

<figure><img src="/files/ubxGrObjj2mNJybkTsII" alt=""><figcaption></figcaption></figure>

## 2. Anpassungsoptionen <a href="#customization-options" id="customization-options"></a>

### 2.1. Widget-Symbol <a href="#widget-icon" id="widget-icon"></a>

* Widget aktivieren: Zeigt das Heute-Angebot-Widget im Onlineshop an
* Symbol auswählen: Wählen Sie aus einer Reihe von Standard-BOGOS-Symbolen aus oder laden Sie Ihr eigenes benutzerdefiniertes Symbol hoch
* Widget-Stil: Nur Symbol oder mit Titeltext anzeigen
* Symbolposition: Wählen Sie eine Position, die zu Ihrem Shop passt (unten rechts oder unten links)

### 2.2. Widget-Informationen <a href="#widget-info" id="widget-info"></a>

Passen Sie hier allgemeine Informationen zum Heute-Angebot-Widget an:

* Überschrift: Wählen Sie eine Überschrift, die Ihre Kunden fesselt
* Beschreibungstext: Schreiben Sie eine kurze, fesselnde Beschreibung Ihrer Kampagnen
* Geschenkbenachrichtigung: Ein festes Element, das bei jedem Angebot im Widget erscheint und die Anzahl der Geschenke sowie den Rabattbetrag dieses Angebots anzeigt.

### 2.3. Farbe <a href="#color" id="color"></a>

Ändern Sie die Farbe, damit sie zu Ihrem Shop-Branding passt.

Hintergrundfarbe

* Header-Hintergrund: Passen Sie die Hintergrundfarbe des Kopfbereichs an.
* Körperhintergrund: Legen Sie die Hintergrundfarbe für den Hauptteil des Widgets fest.

Titelfarbe

* Überschrift: Passen Sie die Farbe der im Widget angezeigten Überschrift an.
* Beschreibungstext: Ändern Sie die Farbe des Beschreibungstexts unterhalb der Überschrift.

Angebotsfarbe

* Angebotstitel: Ändern Sie die Farbe des Titels für jedes im Widget aufgeführte Angebot.
* Farbe der Geschenkbenachrichtigung: Legen Sie die Farbe für das Benachrichtigungssymbol fest, das Geschenke hervorhebt.
* Produkttitel: Passen Sie die Farbe des im Angebot angezeigten Produkttitels an.
* Produktrabattpreis: Passen Sie die Farbe des rabattierten Produktpreises an.
* Ursprünglicher Produktpreis: Legen Sie die Farbe für den ursprünglichen Preis des Produkts fest (durchgestrichen).

Angebotsstatusfarbe

* Standardangebot: Legen Sie die Farbe für Angebote in ihrem Standardzustand fest (inaktiv).
* Erfolgreiches Angebot: Ändern Sie die Farbe für Angebote, die die Bedingungen erfüllen (aktiv).


---

# 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-today-offer-old-version.md?ask=<question>&goal=<endgoal>
```

`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.