> 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-bundle-builder.md).
# Bundle-Builder anpassen
## 1. So aktivieren Sie das Bundle
Der Bundle-Builder erscheint als separate Seite, sobald ein Bundle-Builder-Angebot erstellt wird.
So greifen Sie auf den Bundle-Builder zu:
1. Öffnen Sie die BOGOS-App
2. Alle Angebote > Angebot erstellen > Bündeln
3. Bundle-Builder
## 2. Anpassungsoptionen
### 2.1. Bundle-Produkt
* **Schaltflächentext hinzufügen:** Legt die Beschriftung für die Schaltfläche fest, auf die Kunden klicken, um ein Produkt zum Bundle hinzuzufügen.
* **Text „Mehr anzeigen“:** Legt die Beschriftung fest, um zusätzliche Details oder Varianten eines Produkts anzuzeigen.
* **Nicht vorrätiger Text:** Zeigt die Meldung für Produkte an, die derzeit nicht verfügbar sind.
* **Variante wählen:** Text, der angezeigt wird, wenn ein Produkt mehrere Varianten zur Auswahl für Kunden hat.
* **Text „Mehr laden“:** Legt die Beschriftung fest, um weitere Produkte im Bundle-Bereich zu laden.
### **2.2. Bundle-Zusammenfassung**
* **Titel der Bundle-Zusammenfassung:** Legt den Titel des Zusammenfassungsbereichs fest, in dem die Bundle-Details angezeigt werden.
* **Beschreibung anzeigen:** Schaltet um, ob im Bundle-Zusammenfassungsbereich eine Beschreibung angezeigt wird.
* **Zusammenfassende Beschreibung des Bundles:** Fügt eine kurze Beschreibung hinzu, wie das Bundle funktioniert oder welche Vorteile es bietet.
* **Angebotsstufenstil:** Bestimmt, wie der Fortschritt hin zu Rabatten oder Prämien angezeigt wird.
* **Etikett**: Zeigt das Angebot in Textform an.
* **Fortschritt**: Verwendet einen visuellen Fortschrittsbalken, um zu zeigen, wie nah Kunden daran sind, die nächste Prämie freizuschalten.
* **Gesamtpreistext:** Legt die Beschriftung für den Gesamtpreis aller Artikel im Bundle fest.
* **Text „Zum Warenkorb hinzufügen“:** Passen Sie den Text der Schaltfläche „Zum Warenkorb hinzufügen“ an, damit er zu Ihrem Markenstil passt.
* **Schritttext:** Legt die Beschriftung für jeden Schritt im Bundle-Erstellungsprozess fest.
* **Erforderlicher Produkttext:** Zeigt eine Meldung an, die die Anzahl der erforderlichen Artikel angibt, die in einem bestimmten Schritt hinzugefügt werden müssen.
* **Leerer Schritttext:** Legt die Meldung fest, die angezeigt wird, wenn einem bestimmten Schritt noch keine Produkte hinzugefügt wurden.
### 2.3. Schrittsymbol
* **Standardsymbole**: Stellen die Schritte im Bundle-Erstellungsprozess visuell dar. Diese Symbole helfen Kunden, Schritte schnell zu erkennen und zu unterscheiden.
* **Benutzerdefiniertes Symbol hochladen:** Ermöglicht das Hochladen eines individuellen Bilds oder GIFs für Schrittsymbole, sodass Händler die Symbole an ihre Marke oder ihr Produktthema anpassen können
### 2.4. Farbe
BOGOS ermöglicht Ihnen, die Farben aller Elemente mit einer der 4 unten stehenden Methoden anzupassen:
* Wählen Sie ein **vorgefertigtes Farbset** aus dem Dropdown-Menü.
* **Passen Sie jedes Farbfeld manuell an** für alle verfügbaren Farben.
* Verwenden Sie den [KI-Theme-Detektor](#ai-theme-detector), um automatisch eine vollständige Widget-Farbpalette basierend auf dem Branding Ihres Shops zu generieren.
* **Kontaktieren Sie das BOGOS-Support-Team**, um Hilfe bei der Farbanpassung zu erhalten.
Klicken Sie auf **Speichern**, wenn Sie fertig sind.
#### KI-Theme-Detektor
Die BOGOS-KI scannt Ihren Online-Shop und erkennt die primären, sekundären und Textfarben Ihrer Marke und generiert dann automatisch eine vollständige Widget-Farbpalette.
{% hint style="warning" %}
Ihr Shop darf NICHT passwortgeschützt sein, damit die KI auf Ihre Markenfarben zugreifen und diese erkennen kann.
{% endhint %}
So bearbeiten Sie die Farben mit der BOGOS-KI:
1. Klicken Sie auf das **Stiftsymbol**.
2. Klicken Sie auf **Erneut scannen**, damit die BOGOS-KI erneut erkennt, oder **passen Sie manuell** die Felder Primärfarbe, Sekundärfarbe oder Text an.
3. Klicken Sie auf **Anwenden** für die Vorschau, um die Farben auf die Widget-Vorschau anzuwenden.
## 3. Bundle-Builder zu anderen Seiten außer der Produktseite hinzufügen
{% hint style="info" %}
Sie können den Bundle-Builder-Block auf jeder Seite Ihres Shops platzieren, außer auf der Checkout-Seite.
{% endhint %}
**Schritt 1:** Navigieren Sie in Ihrem **Shopify-Navigationsmenü** zu **Online-Shop** => wählen Sie **Themes** => **Anpassen**
**Schritt 2:** Gehen Sie im **Shopify-Theme-Editor** zu der Seite, auf der Sie den Mix-and-Match-Block hinzufügen möchten.
Scrollen Sie dann im linken Bereich nach unten, klicken Sie auf **Abschnitt hinzufügen**, wählen Sie **Apps**, suchen und wählen Sie den Block **BOGOS: Bundle Page**.
**Schritt 3**: Füllen Sie im oberen rechten Bereich das Einrichtungsfeld aus.
* **Angebots-ID**: Geben Sie die ID des Bundle-Builder-Angebots ein, das Sie anzeigen möchten.
Weitere Details finden Sie in unserem Leitfaden \[[BOGOS-Blöcke hinzufügen oder anpassen](/de/quick-start-guide/adjust-bogos-blocks.md)].
---
# 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-bundle-builder.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.