> 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/boosters/create-today-offer-widget.md).

# Widget „Heutiges Angebot" erstellen

Wenn Sie die Aufmerksamkeit Ihrer Kunden gewinnen möchten, indem Sie sie über Ihre aktuellen Deals informieren, verwenden Sie das Widget „Heutiges Angebot“!

Sie können wählen, ob alle verfügbaren Angebote (Geschenke, Bundles, Rabatte) angezeigt werden sollen, oder nur die von Ihnen ausgewählten, um Kunden zu informieren und das Engagement für Ihre laufenden Aktionen zu fördern.

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

**Hinweis:**

* Sie können nur 1 Widget „Heutiges Angebot“ erstellen.
* Das Widget „Heutiges Angebot“ zeigt nur aktive Angebote an. Wenn Sie Angebote deaktivieren, verschwinden sie automatisch aus dem Widget.
* Wenn Sie die alte Version verwenden, die sich im Bereich „Anpassen“ befindet, deaktivieren Sie diese bitte zuerst, bevor Sie diese neue Version verwenden.

{% embed url="<https://youtu.be/ykj6ujX5j9Q?si=9eMuKTYwCoc1aMvi>" %}

## Angebotsliste einrichten

### 1. Allgemein

Füllen Sie zunächst die allgemeinen Informationen für Ihr Widget aus:

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

**Booster-Name:** Bearbeiten Sie den Namen Ihres Widgets „Heutiges Angebot“ nur für interne Zwecke. Dies hilft Ihnen, es einfach im System zu verwalten, und wird Kunden nicht angezeigt.

**Booster-Titel:** Bearbeiten Sie den Titel Ihres Widgets „Heutiges Angebot“, der für Kunden sichtbar ist.

**Booster-Untertitel (optional):** Fügen Sie unter dem Booster-Titel eine optionale Beschreibung hinzu, die zusätzlichen Kontext oder Details zum Angebot bietet.

### 2. Angebotskarte

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

Entscheiden Sie sich zunächst für das Kartenlayout Ihres Widgets „Heutiges Angebot“. Sie können zwischen Folgendem wählen:

* **Miniaturansicht:** Zeigt das Angebot mit einer Produkt-Miniaturansicht an.
* **Produktvorschau:** Ermöglicht Kunden, die im Angebot enthaltenen Produkte in der Vorschau zu sehen.

Wählen Sie dann mit einer der folgenden 2 Methoden, welche Angebote in Ihrem Widget angezeigt werden sollen:

* **Automatisch auswählen:** Zeigt alle Ihre aktiven Geschenke, Bundles und Rabatte an. Sie können auch jeden Angebotstyp abwählen, wenn Sie ihn aus Ihrem Widget ausschließen möchten.
* **Manuell auswählen:** Zeigt nur die von Ihnen ausgewählten Angebote an. Wenn Sie deaktivierte Angebote auswählen, zeigt das Widget sie erst an, wenn sie aktiviert werden.

Klicken Sie unter **„Angebotsanzeige anpassen“** auf „Angebotsanzeige bearbeiten“, um den Inhalt jedes Angebots zu bearbeiten und auszuwählen, welches Produkt in der Vorschau angezeigt werden soll. Folgen Sie diesen Schritten:

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

1. Wählen Sie das Angebot aus, das Sie bearbeiten möchten.
2. Bearbeiten Sie dessen Titel und Beschreibung, die den Kunden im Widget „Heutiges Angebot“ angezeigt werden.
3. Fügen Sie einen Weiterleitungslink hinzu: Wenn Kunden auf diese Schaltfläche klicken, werden sie zu der von Ihnen verlinkten Seite weitergeleitet (eine Produktseite, Sammlungsseite usw.). Sie können auch den Schaltflächentext bearbeiten.
4. Die letzte Option erscheint je nach dem oben gewählten Kartenstil unterschiedlich:

▶ **Wenn Sie „Miniaturansicht“ wählen**, können Sie eine Miniaturansicht für Ihr Angebot mit den folgenden 3 Optionen festlegen:

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

* **Ein Produktbild:** Wählen Sie ein Produkt aus, das als Angebots-Miniaturansicht angezeigt werden soll.
* **Produktbildgruppe:** Wählen Sie bis zu 4 Produkte aus, die als Angebots-Miniaturansicht angezeigt werden sollen.
* **Benutzerdefiniertes Bild:** Wählen Sie aus verfügbaren Symbolen oder laden Sie Ihr eigenes Bild hoch. Wir empfehlen die Verwendung von .jpg- oder .png-Dateien mit einer maximalen Größe von 100 KB für schnelles Laden.

▶ **Wenn Sie „Produktvorschau“ wählen**, können Sie das „Produktlistenetikett“ bearbeiten, das über der Produktliste angezeigt wird.

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

**Hinweis:** Wenn Sie die Angebotsanzeige nicht bearbeiten, zeigt BOGOS den Angebotsnamen (den Sie bei der Erstellung von Angeboten festgelegt haben) als Titel an und wählt zufällig ein Produkt für die Bildvorschau aus.

### 3. Inhalt

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

Um die Aufmerksamkeit der Kunden zu gewinnen und weitere Details zur Aktion bereitzustellen, können Sie:

* **Angebotsbeschreibung anzeigen:** Zeigt eine kurze Beschreibung des Angebots unter dem Titel an (z. B. „Die besten Produkte für Sie ausgewählt“).
* **Etikett in der Produktliste anzeigen** (nur verfügbar bei Auswahl von „Produktvorschau“): Zeigt ein Etikett über der Produktliste an (z. B. „Kaufen Sie mindestens 2 Artikel aus dem Bundle“).

## Widget-Stil einrichten

### 1. Symbol

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

**Widget-Stil:** Wählen Sie, ob nur das Symbol oder sowohl das Symbol als auch der Titeltext angezeigt werden sollen. Sie können den Titeltext im Feld „Widget-Titeltext“ anpassen.

**Widget-Position:** Platzieren Sie das Widget in der unteren rechten oder unteren linken Ecke.

**Symbol auswählen:**

* Wählen Sie das Symbol für Ihr Widget „Heutiges Angebot“ aus einer Reihe von Standard-BOGOS-Symbolen aus oder laden Sie Ihr eigenes benutzerdefiniertes Symbol hoch.
* Sie können auch die Symbolgröße und den Innenabstand an Ihr Design anpassen.

### 2. Seitenanzeige

Mit dieser Option können Sie steuern, wo das Widget „Heutiges Angebot“ in Ihrem Shop erscheint:

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

**Auf allen Seiten anzeigen:** Zeigt das Widget in Ihrem gesamten Shop an.

**Auf bestimmten Seiten anzeigen:** Kreuzen Sie die Seiten an, auf denen das Widget erscheinen soll (Sie können mehrere Seiten auswählen):

* Startseite: Zeigt das Widget auf Ihrer Startseite an
* Warenkorbseite: Zeigt das Widget auf der Warenkorbseite an
* Produktseite: Zeigt das Widget auf allen Produktseiten an
* Sammlungsseite: Zeigt das Widget auf allen Sammlungsseiten an
* Benutzerdefinierte Seite: Zeigt das Widget „Heutiges Angebot“ auf bestimmten Seiten an oder blendet es dort aus. Es stehen 4 Optionen zur Auswahl:
  * Gleich: Geben Sie die genaue URL ein, auf der das Widget angezeigt werden soll (ein Link zu einer bestimmten Sammlung, einer bestimmten Produktseite usw.). *Beispiel: <https://my-beauty.myshopify.com/collections/hydrogen>*
  * Ungleich: Geben Sie die URL ein, auf der das Widget NICHT angezeigt werden soll. *Beispiel: <https://my-beauty.myshopify.com/collections/hydrogen>*
  * Enthält: Geben Sie einen Begriff ein. Das Widget wird nur auf Seiten angezeigt, deren URL diesen Begriff enthält. *Beispiel: „summer-sale“.*
  * Enthält nicht: Geben Sie einen Begriff ein, um das Widget auf Seiten auszublenden, deren URL diesen Begriff enthält. *Beispiel: „summer-sale“.*

### 3. Farbe

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

Hier können Sie die Farben aller Widget-Elemente ganz einfach an das Branding Ihres Shops anpassen. Es gibt 4 Optionen:

* **Widget-Farbe:** Ändert die Gesamtfarbe des Widgets „Heutiges Angebot“.
* **Angebotskarte:** Passt die Farbe der Angebotskarte an, die die Details jedes Angebots anzeigt.
* **Schaltfläche:** Wenn Sie einen Weiterleitungslink für Ihre Angebote festgelegt haben, können Sie die Schaltflächenfarbe anpassen.
* **Benachrichtigungspunkt:** Ändert die Farbe des Benachrichtigungspunkts, der anzeigt, wie viele aktive Deals in Ihrem Shop verfügbar sind.

Probieren Sie diese Einstellungen gerne aus und sehen Sie sich die Live-Ergebnisse an!

## FAQs

<details>

<summary><strong>Wie zeige ich alle Geschenkprodukte im Widget „Heutiges Angebot“ an?</strong></summary>

So zeigen Sie alle Ihre Geschenkangebote im Widget „Heutiges Angebot“ an:

1. Gehen Sie zur BOGOS-App → Booster → Heutiges Angebot (Widget).
2. Wählen Sie unter Angebotskarte → das Kartenlayout aus (Miniaturansicht oder Produktvorschau).

![](/files/F12MwnSwB9PsWBF7oT0R)

3. Wählen Sie unter „Wählen Sie, welche Angebote angezeigt werden sollen“ **Automatisch auswählen** und behalten Sie **Geschenke** (und alle anderen gewünschten Typen) angekreuzt bei.
4. Stellen Sie sicher, dass alle relevanten Geschenkangebote **Aktiv** sind, damit sie im Widget erscheinen.

Das Widget listet dann alle aktiven Geschenkangebote auf (mit einer Vorschau der Geschenke, je nach Layout).

</details>

<details>

<summary><strong>Wie füge ich dem Widget „Heutiges Angebot“ einen anklickbaren Link/eine Schaltfläche hinzu?</strong></summary>

So fügen Sie dem Widget „Heutiges Angebot“ einen anklickbaren Link/eine Schaltfläche hinzu:

1. Öffnen Sie Booster > Heutiges Angebot (Widget) > Angebotsliste.
2. Klicken Sie unter „Angebotsanzeige anpassen“ auf **Angebotsanzeige bearbeiten**.

![](/files/AueITsq8YmhWTmy3xjWJ)

3. Wählen Sie die bestimmte Angebotskarte aus, die Sie bearbeiten möchten.
4. Suchen Sie in den Einstellungen für dieses Angebot „Weiterleitungslink hinzufügen“:

* Fügen Sie Ihre Ziel-URL ein (Produkt, Sammlung, Landingpage usw.).
* Bearbeiten Sie den Schaltflächentext bei Bedarf (z. B. „Jetzt einkaufen“, „Angebot ansehen“).

![](/files/Dr6YEIbmCExeavtGiA5V)

5. Speichern Sie Ihre Änderungen; die Schaltfläche erscheint nun in der Karte dieses Angebots im Widget „Heutiges Angebot“.

</details>

<details>

<summary><strong>Wie übersetze ich die Texte des „Heutigen Angebots“ auf einer anderssprachigen Website?</strong></summary>

{% hint style="warning" %}
Hinweis: Produktnamen, die im Widget angezeigt werden, stammen aus Ihren Produkten und sind möglicherweise nicht über BOGOS übersetzbar (dies wird stattdessen von Ihrem Shop/Ihrer Übersetzungs-App übernommen).
{% endhint %}

Um die Sprache des heutigen Angebots zu ändern, gehen Sie bitte zum Bereich Übersetzung in unserer App, fügen Sie dann die Sprachübersetzung hinzu > wählen Sie „Heutiges Angebot“ zum Übersetzen aus.

![](/files/diNuWw9Zz1rftCggXpS5)

![](/files/TN4RoJwJxTOTvABO5W10)<br>

</details>


---

# 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/boosters/create-today-offer-widget.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.