> 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-checkout-upsell.md).

# Checkout-Upsell anpassen

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

{% hint style="info" %}
Denken Sie daran, den Block „**BOGOS Checkout Upsell**“ in Ihrem Theme-Editor hinzuzufügen, damit das Upsell-Widget beim Checkout erscheinen kann. [So geht's](https://bogos-guideline.gitbook.io/user-guide/user-guide/upsell/create-checkout-upsell#id-7.-enable-the-checkout-upsell-widget).
{% endhint %}

## 1. Allgemein

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

1. **Widget-Layouts:** Es gibt 2 Widget-Layouts zur Auswahl für die Anzeige von Upsell-Produkten:

* **Karussell**: Zeigt Upsell-Produkte in einem scrollbaren horizontalen Format an.
* **Stapel**: Zeigt Upsell-Produkte in einer vertikalen Liste an.

2. **Bildausrichtung:** Steuern Sie, wie das Produktbild innerhalb des Widgets positioniert wird (oben, mittig, unten).
3. **Rahmenradius:** Steuern Sie, wie abgerundet die Ecken Ihres Widgets erscheinen.
4. **Widget-Position:**

Um das Widget auf Ihrer Checkout-Seite neu zu positionieren, gehen Sie zu Ihrem Theme-Editor und bearbeiten Sie den Block „BOGOS Checkout Upsell“.

*Weitere Details finden Sie in unserem \[*[*BOGOS-Block anpassen*](/de/quick-start-guide/adjust-bogos-blocks.md)*].*

## 2. Widget-Info

* **Upsell-Nachricht aktivieren:** Aktivieren Sie dies, um eine Nachricht oben in Ihrem Upsell-Widget anzuzeigen.
* **Vergleichspreis aktivieren:** Aktivieren Sie dies, um den ursprünglichen Preis des Upsell-Produkts vor Anwendung des Rabatts anzuzeigen.
* **Upsell-Nachricht:** Passen Sie die Nachricht an, die oben im Upsell-Widget angezeigt wird.
* **Button-Text:** Wählen Sie den Text für den Button, den Kunden anklicken, um das Upsell-Produkt zu ihrer Checkout-Zusammenfassung hinzuzufügen.

## 3. Farbe

Die Farboptionen sind einfach gehalten, um dem Checkout-Stil von Shopify zu entsprechen. Sie können diese 3 Farben anpassen:

* **Button-Stil:** Der Button zum Hinzufügen des Upsell-Produkts zur Checkout-Zusammenfassung.
* **Hintergrundfarbe:** Die Hintergrundfarbe des Upsell-Widgets.
* **Preisfarbe:** Der rabattierte Preis, den der Kunde zahlen wird.

Wenn Sie „**Akzentfarbe**“ für den Preis auswählen, synchronisiert BOGOS die Preisfarbe mit der in Ihrem Checkout-Theme festgelegten Akzentfarbe.

Um dies zu ändern, klicken Sie auf den blauen Satz „**Legen Sie hier die Akzentfarbe Ihres Shops fest**“, um zu Ihrem Theme-Editor weitergeleitet zu werden, und passen Sie dann die gewünschte Akzentfarbe an.

{% hint style="warning" %}
Das Ändern der Akzentfarbe aktualisiert auch andere Elemente, die diese in Ihrem Checkout verwenden.
{% endhint %}


---

# 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-checkout-upsell.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.