> 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-announcement-bar.md).
# Ankündigungsleiste erstellen
Die Ankündigungsleiste ist ein neuer Booster, entwickelt von BOGOS: Free Gift Bundle Upsell App, der Werbebotschaften in Ihrem gesamten Shop oder auf bestimmten von Ihnen ausgewählten Seiten anzeigt, um Aufmerksamkeit zu erregen und mehr Klicks zu erzielen.
→ [Demo ansehen](https://demo-store-by-bogos.myshopify.com/?utm_source=HelpDoc\&utm_medium=Booster\&utm_campaign=AnnouncementBar).
{% embed url="" %}
Die Einrichtung und Gestaltung der Ankündigungsleiste mit BOGOS umfasst 5 Schritte:
1. Öffnen Sie Booster > Ankündigungsleiste.
2. Richten Sie den Inhalt der Leiste ein ([Inhalt](#content)).
3. Gestalten Sie das Erscheinungsbild der Leiste ([Stil](#style)).
4. Wählen Sie, wo die Leiste erscheint ([Platzierung](#placement)).
5. Klicken Sie auf „Entwurf speichern“ oder „Veröffentlichen“.
{% hint style="info" %}
Die Vorschau auf der rechten Seite zeigt standardmäßig die mobile Ansicht.
Klicken Sie auf **Volle Breite anzeigen**, um die Vorschau auf dem Desktop zu sehen.
{% endhint %}
## Inhalt
Dieser Tab steuert den Inhalt Ihrer Ankündigungsleiste. Die verfügbaren Optionen ändern sich je nach gewähltem Anzeigemodus.
### Allgemein
So richten Sie es ein:
1. Geben Sie einen **Booster-Namen** ein. Dient nur der einfachen Verwaltung innerhalb der BOGOS-App.
2. **Wählen Sie einen Anzeigemodus für die Leiste** aus:
* Statisch: Zeigt eine einzelne Nachricht.
* Lauftext: Zeigt mehrere Nachrichten, die zusammen durchlaufen.
* Schieberegler: Zeigt mehrere Nachrichten nacheinander, die im Wechsel angezeigt werden.
### Inhalt
Dieser Abschnitt dient der Anpassung des Inhalts Ihrer Ankündigungsleiste.
So richten Sie es ein:
1. Wählen Sie die **Inhaltsquelle** zwischen:
* **Manuell**: Sie schreiben den Nachrichtentext selbst
* **Angebote**: BOGOS bezieht den Inhalt automatisch aus Ihren verfügbaren Angeboten. Klicken Sie auf „Angebote auswählen“, um festzulegen, welche Angebote angezeigt werden sollen.
{% hint style="info" %}
Bei Auswahl von „Angebote“ beachten Sie bitte Folgendes:
* Für den Anzeigemodus **„Statisch“** können Sie nur ein Angebot auswählen.
* **Inaktive Angebote** können ausgewählt werden, erscheinen aber erst auf der Leiste, wenn sie aktiviert wurden.
* Wenn Sie **Ihren Angebotstitel aktualisieren**, nachdem Sie Ihre Ankündigungsleiste gespeichert haben, gehen Sie bitte zurück zu dieser Ankündigungsleisten-Einrichtung, wählen Sie das Angebot erneut aus und speichern Sie erneut, damit BOGOS mit Ihren neuesten Aktualisierungen synchronisiert.
{% endhint %}
2. Passen Sie die **Nachrichtenliste** an (was Ihre Nachrichten anzeigen). Die Nachrichtenliste unterscheidet sich je nach gewähltem Anzeigemodus der Leiste.
* **Statisch**: Zeigt nur eine Nachricht mit einem Weiterleitungslink.
* **Lauftext**: Fügen Sie mehrere Nachrichten hinzu, die sich einen Weiterleitungslink teilen. Klicken Sie auf „+ Nachricht hinzufügen“, um weitere hinzuzufügen, und ziehen Sie den Griff, um sie neu anzuordnen.
* **Schieberegler**: Fügen Sie mehrere Nachrichten hinzu, jede mit eigener Nachricht und eigenem Weiterleitungslink. Klicken Sie auf „+ Nachricht hinzufügen“, um weitere hinzuzufügen, und ziehen Sie den Griff, um sie neu anzuordnen.
Falls verfügbar, können Sie Folgendes ausfüllen:
* **Nachrichtentext**: Der auf der Leiste angezeigte Text.
* Bei der Inhaltsquelle „Manuell“ füllen Sie den gewünschten Text selbst aus.
* Bei der Inhaltsquelle „Angebote“ wird dieser automatisch aus Ihrem Angebotstitel ausgefüllt.
* **Emoji**: Klicken Sie auf das Emoji-Symbol, um aus den verfügbaren Emojis zu wählen, oder fügen Sie Ihr eigenes in das Feld ein.
* **Link öffnen**: Fügen Sie einen Link ein, zu dem die Leiste weiterleiten soll, wenn Kunden klicken. Wählen Sie eine der folgenden Optionen:
* Keine: Keine Weiterleitung.
* Beim Klick auf die Weiterleitungsschaltfläche: Fügt der Leiste eine Weiterleitungsschaltfläche hinzu. Füllen Sie den Schaltflächentext aus.
* Beim Klick auf die gesamte Leiste: Macht die gesamte Leiste anklickbar, ohne separate Schaltfläche.
* **In neuem Tab öffnen**: Aktivieren, um den Link in einem neuen Browser-Tab zu öffnen.
### Lauftext-Einstellung
Dieser Abschnitt ist nur verfügbar, wenn Sie den Anzeigemodus „Lauftext“ auswählen.
Passen Sie zur Einrichtung diese Felder an:
* **Laufrichtung**: Wählen Sie, in welche Richtung die Nachrichten laufen sollen – von rechts nach links oder von links nach rechts.
* **Laufgeschwindigkeit (1–100)**: Ziehen Sie den Schieberegler, um festzulegen, wie schnell die Nachrichten laufen.
* **Beim Überfahren der Leiste anhalten**: Aktivieren, um das Laufen zu pausieren, wenn ein Kunde mit der Maus über die Leiste fährt.
### Schieberegler-Einstellung
Dieser Abschnitt ist nur verfügbar, wenn Sie den Anzeigemodus „Schieberegler“ auswählen.
Passen Sie zur Einrichtung diese Felder an:
* **Wählen Sie den Stil des Schiebereglersymbols**: Wählen Sie den Stil des Navigationspfeils – Chevron, Gefüllt, Pfeil oder Keiner.
* **Automatisches Wechseln**: Aktivieren, um Nachrichten automatisch zu wechseln. Wenn aktiviert:
* **Nächste Nachricht wechseln nach (Sekunden)**: Legen Sie die Verzögerung fest, bevor die nächste Nachricht erscheint.
* **Richtung des automatischen Wechsels**: Wählen Sie, in welche Richtung die Nachrichten wechseln sollen – von rechts nach links oder von links nach rechts.
* **Beim Überfahren der Leiste anhalten**: Aktivieren, um den Wechsel zu pausieren, wenn ein Kunde mit der Maus über die Leiste fährt.
## Stil
Dieser Tab steuert, wie Ihre Ankündigungsleiste aussieht.
### Position
Wählen Sie, wo die Leiste auf der Seite erscheint:
* Oben: Sitzt über der Kopfzeile.
* Oben, fixiert: Bleibt immer oben, während Kunden scrollen.
* Oben, erscheint beim Hochscrollen: Erscheint oben, wenn Kunden nach oben scrollen.
* Unten, fixiert: Bleibt immer unten, während Kunden scrollen.
* Unten, erscheint beim Herunterscrollen: Erscheint unten, wenn Kunden nach unten scrollen.
### Typografie
Steuern Sie die Schriftart und Textgröße Ihrer Leiste.
So richten Sie es ein:
1. **Wählen Sie eine Schriftart** aus 2 Optionen:
* Vom Shop-Theme übernehmen: BOGOS erkennt automatisch die vorhandene Schriftart Ihres Shops und verwendet sie.
* Benutzerdefinierte Schriftart wählen: Sie wählen aus den verfügbaren Google Fonts.
2. Passen Sie die Schriftgröße von **Nachricht** und **Schaltfläche** an: Legen Sie diese jeweils für Desktop und Mobilgerät fest.
{% hint style="info" %}
Klicken Sie im Vorschaubereich auf „Volle Breite“, um Ihre Änderungen auf dem Desktop zu überprüfen.
{% endhint %}
### Theme
So passen Sie das Erscheinungsbild Ihrer Ankündigungsleiste an:
1. Wählen Sie ein **vorgefertigtes Theme** aus dem Dropdown-Menü (optional).
2. Unter **Hintergrundstil der Leiste** ändern sich die Felder je nach Ihrer Auswahl:
* Einfarbig: Legen Sie die Leistenfarbe fest.
* Verlauf: Legen Sie zwei Leistenfarben und die Verlaufsrichtung fest.
* Bild: Laden Sie ein Bild als Hintergrund der Leiste hoch und aktivieren Sie diese Optionen, um Texte besser hervorzuheben:
* Bild weichzeichnen, um den Hintergrund abzuschwächen
* Überlagerungsfarbe hinzufügen, um eine Farbe über das Bild zu legen
3. Passen Sie die Farben der anderen Elemente an, einschließlich Text- und Schaltflächenfarbe.
4. Legen Sie **Padding oben** und **Padding unten** für Desktop und Mobilgerät fest.
{% hint style="info" %}
Klicken Sie im Vorschaubereich auf „Volle Breite“, um Ihre Änderungen auf dem Desktop zu überprüfen.
{% endhint %}
Wenn Sie fertig sind, klicken Sie auf „Entwurf speichern“, um Ihre Änderungen zu behalten, oder auf „Veröffentlichen“, um die Leiste live zu schalten.
## Platzierung
Dieser Tab steuert, wo Ihre Ankündigungsleiste erscheint.
### Seitenanzeige
Steuern Sie, auf welchen Seiten Ihre Leiste zwischen 2 Optionen erscheint:
**Auf allen Seiten anzeigen**: Leiste in Ihrem gesamten Shop anzeigen.
**Auf bestimmten Seiten anzeigen**: Leiste nur auf ausgewählten Seiten anzeigen. Wählen Sie die Seiten aus, auf denen sie angezeigt werden soll:
* **Startseite**
* **Warenkorbseite**
* **Produktseite** (alle Produktseiten).
* **Sammlungsseite** (alle Sammlungsseiten).
* **Benutzerdefinierte Seite**: Leiste auf bestimmten Seiten anzeigen oder ausblenden. Es gibt 4 Optionen zur Auswahl:
* Gleich wie: Geben Sie die genaue URL ein, auf der das Widget angezeigt werden soll (ein Link zu einer bestimmten Sammlung, einer bestimmten Produktseite …).
* Nicht gleich wie: Geben Sie die URL ein, auf der das Widget NICHT angezeigt werden soll.
* Enthält: Geben Sie einen Begriff ein. Das Widget wird nur auf Seiten angezeigt, die diesen Begriff in der URL enthalten. Beispiel: „summer-sale“.
* Enthält nicht: Geben Sie einen Begriff ein, um das Widget auf Seiten auszublenden, die diesen Begriff in der URL enthalten. Beispiel: „summer-sale“.
### Nach Standort filtern
Steuern Sie, in welchen Ländern Ihre Leiste angezeigt oder ausgeblendet wird. BOGOS erkennt das Land jedes Kunden anhand seiner IP-Adresse.
So richten Sie es ein:
* Klicken Sie auf **Standort auswählen**, um die Zielländer festzulegen.
* Aktivieren Sie **Ausgewählte Standorte ausschließen**, um die Leiste in den oben ausgewählten Ländern auszublenden.
## Benötigen Sie Hilfe?
Wenn Sie Unterstützung benötigen, wenden Sie sich gerne über den Live-Chat in 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/boosters/create-announcement-bar.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.