> 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/bundle-offer/create-bundle-product-page.md).

# Bundle-Produktseite erstellen

Mit der Bundle-Produktseite von BOGOS können Sie **eine dedizierte Produktseite für Ihr Bundle erstellen,** auf der Kunden Produkte mischen und kombinieren, Varianten auswählen und Mengen direkt auf der Seite anpassen können.

[Sehen Sie es in Aktion](https://demo-store-by-bogos.myshopify.com/products/bundle-product-page?utm_source=HelpDoc\&utm_medium=Bundleproductpage\&utm_campaign=create).

{% hint style="warning" %}
Kunden müssen **genau die von Ihnen festgelegte Menge bündeln, um den passenden Rabatt zu erhalten**. Wenn Sie Pakete mit 2 und 4 Artikeln festlegen, erhält ein Bundle mit 3 Artikeln KEINEN Rabatt und wird nicht zum Warenkorb Ihres Stores hinzugefügt.
{% endhint %}

<figure><img src="/files/6OzzAi0XzRdWd1Ej1dtC" alt=""><figcaption></figcaption></figure>

{% embed url="<https://youtu.be/81HJcRiLcEs?si=uxxGZgDqx0CjtAt0>" %}

**Das Einrichten einer Bundle-Produktseite umfasst 8 Schritte:**

1. Öffnen Sie die BOGOS-App > Angebot erstellen > Bundle > Bundle-Produktseite
2. [Bundle-Informationen ausfüllen](#fill-in-bundle-information)
3. [Das Paket einrichten](#set-up-the-pack)
4. [Den Abschnitt einrichten](#set-up-the-section)
5. [Das Bundle anzeigen](#display-the-bundle)
6. [Ihr Setup in der Vorschau ansehen](#preview-your-setup) & Änderungen vornehmen
7. Veröffentlichen
8. [Produktdetails bearbeiten](#edit-product-details)

## Bundle-Informationen ausfüllen

Füllen Sie die folgenden Felder aus:

![](/files/wclCOKW007gLPp9MxSgs)

* **Bundle-Name**: Wird nur verwendet, um Ihnen zu helfen, dieses Angebot einfach zu verwalten und von anderen Angeboten in der BOGOS-App zu unterscheiden.
* **Produktname**: Der Name, der auf der Bundle-Produktseite angezeigt wird und den Kunden sehen.
* **Startzeit / Endzeit:** Wählen Sie, wann das Angebot beginnt und endet.

## Die Bundle-Größen einrichten

Ein Paket legt die Anzahl der Produkte fest, die Kunden hinzufügen müssen, um einen Rabatt zu erhalten.

**Fügen Sie mehrere Paketgrößen hinzu**, um gestaffelte mengenbasierte Rabatte anzubieten.

### a) Eine Paketgröße hinzufügen

Klicken Sie auf **Paketgröße hinzufügen**, um ein neues Paket hinzuzufügen.

{% hint style="warning" %}
Kunden müssen **genau die Menge bündeln, um den Rabatt des Pakets zu erhalten**. Wenn Sie Pakete mit 2 und 4 Artikeln festlegen, erhält ein Bundle mit 3 Artikeln KEINEN Rabatt und wird zum Warenkorb Ihres Stores hinzugefügt.
{% endhint %}

Füllen Sie dann die folgenden Felder aus:

![](/files/Y4lKn8M3TjO1MrHZf7EI)

* **Menge**: Die Anzahl der Artikel, die ein Kunde hinzufügen muss, um sich für den Rabatt zu qualifizieren.
* **Rabattart**: Wählen Sie eine von Prozentsatz, Fester Betrag, Festpreis.
* **Rabattwert**: Geben Sie den Rabattbetrag ein, wenn Kunden sich für dieses Paket qualifizieren.

{% hint style="info" %}
Für Fester Betrag und Festpreis können Sie auf Währung hinzufügen klicken, um benutzerdefinierte Rabattbeträge für jeden Shopify-Markt festzulegen.
{% endhint %}

* **Größenbeschriftung**: Der Text, der anzeigt, wie viele Artikel Kunden kaufen müssen.
* **Rabattbeschriftung**: Der Text, der den Rabatt neben dem Paket anzeigt.
* **Bild hinzufügen** (optional): Laden Sie ein Bild hoch, um diese Paketgröße darzustellen.
* **Abzeichen hinzufügen** (optional): Fügen Sie ein Text- oder Bildabzeichen hinzu, um diese Paketgröße hervorzuheben.

![](/files/qQobZLopZQpxwwfIFRSQ)

### b) Ein unbegrenztes Paket hinzufügen

Klicken Sie auf **Unbegrenztes Paket hinzufügen**, wenn der Rabatt weiterhin gelten soll, nachdem Kunden die zuletzt definierte Paketgröße überschreiten.

Beispiel:

* Paket 1 = Bundle aus 2 Artikeln
* Paket 2 = Bundle aus 4 Artikeln
* Unbegrenztes Paket = Bundle aus mehr als 4 Artikeln, wie z. B. 5 oder 6.

![](/files/gtqB1OBZRUKxngUbCIS7)

### c) Das Paket anpassen

Klicken Sie auf **Anpassen**, um den Vollbildeditor zu öffnen und Ihre Paketanzeige im Storefront anzupassen.

{% hint style="info" %}
Diese Anpassung gilt nur für diese Bundle-Produktseite. Andere Bundle-Produktseiten werden nicht beeinflusst.
{% endhint %}

![](/files/3UZRt7UPqvZv5fL8TQdx)

Weitere Details finden Sie unter \[[Das Paket anpassen](/de/detailed-guide/customize/customize-bundle-product-page.md#customize-the-pack-pack-select-field)].

## Den Abschnitt einrichten

Ein Abschnitt legt die Produkte fest, aus denen Kunden ihr Bundle zusammenstellen können.

Sie können alle Produkte in einem Schritt anzeigen oder sie in mehrere Schritte aufteilen, um Kunden durch die Auswahl zu führen, zum Beispiel bei der Zusammenstellung einer Routine.

### a) Einen Schritt hinzufügen

Klicken Sie auf **+ Schritt hinzufügen**, um einen neuen Schritt hinzuzufügen. Folgen Sie dann diesen Anleitungen, um einen Schritt zu erstellen:

<img src="/files/yL71CcJ1xM4PMOKtaVoW" alt="" height="380" width="483">

1. Füllen Sie die **Schrittüberschrift** aus: Der Name, der für diesen Auswahlschritt auf der Bundle-Produktseite angezeigt wird.
2. Wählen Sie den **Anzeigetyp**:

* **Nach Produkt**: Zeigt jedes Produkt mit mehreren Varianten als ein Element an. Kunden wählen Varianten aus einer Dropdown-Liste aus.
* **Nach Variante**: Wenn ein Produkt mehrere Varianten hat, wird jede Variante als separates Element zur Auswahl angezeigt.

3. Klicken Sie auf **Produkte auswählen**, um festzulegen, welche Produkte in diesem Schritt verfügbar sind.
4. Öffnen Sie **Erweiterte Einstellungen**, um eine Mindest- oder Höchstmenge festzulegen, die ein Kunde in diesem Schritt auswählen kann.

### b) Den Abschnitt anpassen

Klicken Sie auf **Anpassen**, um den Vollbildeditor zu öffnen und das Erscheinungsbild der Produktliste im Storefront anzupassen.

{% hint style="info" %}
Diese Anpassung gilt für jedes Bundle-Produktseiten-Angebot. Andere Bundle-Produktseiten werden nicht beeinflusst.
{% endhint %}

![](/files/9BTWuGqdGrL4fpOfX1zJ)

Weitere Details finden Sie unter \[[Den Abschnitt anpassen](/de/detailed-guide/customize/customize-bundle-product-page.md#customize-the-section)].

## Das Bundle anzeigen

Das Panel **Das Bundle anzeigen** auf der rechten Seite der Setup-Seite bietet zwei Optionen, um zu steuern, wie das Bundle in Ihrem Store angezeigt wird.

![](/files/XJayPGnTb1abTaHSRqAM)

### a) Die Seite anpassen (Global Customize)

Diese Anpassung wird auf alle Bundle-Produktseiten in Ihrem Store angewendet.

Klicken Sie auf **Global customize**, um den Anpassungseditor zu öffnen. Passen Sie dann alle verfügbaren Optionen an:

<img src="/files/ir9B6lQZeQsyq6YJg2y4" alt="" height="308" width="624">

Weitere Details finden Sie unter \[[Global Customize](/de/detailed-guide/customize/customize-bundle-product-page.md#global-customize)].

### b) Widget auf der Produktseite des Kindprodukts

Aktivieren Sie **Widget auf der Seite des Kindprodukts hinzufügen**, um ein Widget auf den einzelnen Produktseiten aller in diesem Bundle enthaltenen Artikel anzuzeigen. Dieses Widget ermöglicht es Kunden, direkt zur Bundle-Produktseite zu navigieren.

Um die Anzeige des Widgets anzupassen, klicken Sie auf **Widget customize**.

<img src="/files/YwKKRP8MuqF2jl7p7uwm" alt="" height="309" width="624">

Weitere Details finden Sie unter \[[Widget auf der Produktseite des Kindprodukts anpassen](/de/detailed-guide/customize/customize-bundle-product-page.md#widget-on-child-product-page)].

## Ihr Setup in der Vorschau ansehen

Sobald alle erforderlichen Informationen ausgefüllt sind, klicken Sie auf Seite in der Vorschau ansehen, um den Vollbildeditor zu öffnen. Hier können Sie die Bundle-Produktseite in der **Vorschau ansehen** und die Anzeige bei Bedarf erneut **anpassen**, bevor Sie speichern.

![](/files/cJpZzzUPL6BnFZdD07PJ)

## Produktdetails bearbeiten

Nach der Veröffentlichung der Bundle-Produktseite:

1. Kehren Sie zum Setup-Bildschirm zurück
2. Klicken Sie auf **Details bearbeiten**, um den Produkteditor zu öffnen.

![](/files/NaOrXH09WpT8YaW7Trzr)

3. **Aktualisieren Sie die Produktdetails**, die in Ihrem Store angezeigt werden, wie zum Beispiel den Produkttitel, die Beschreibung und das Bild.

{% hint style="info" %}
Richten Sie keinen Lagerbestand ein und fügen Sie keine Varianten hinzu. Diese Einstellungen würden das Erscheinungsbild der Bundle-Produktseite verändern und Kunden verwirren.
{% endhint %}

![](/files/lF5J6D7IE7U0zlgf8wH4)

## Brauchen Sie Hilfe?

Wenn Sie Unterstützung benötigen, wenden Sie sich gerne über den Live-Chat innerhalb der 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/bundle-offer/create-bundle-product-page.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.
