> For the complete documentation index, see [llms.txt](https://bogos-guideline.gitbook.io/user-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bogos-guideline.gitbook.io/user-guide/detailed-guide/customize/customize-thank-you-page-upsell.md).

# Customize Thank You Page Upsell

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

### 1. General

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

**Widget layout**

* **Carousel:** Displays upsell products in a scrollable horizontal format.
* **Stack:** Displays upsell products in a vertical list.

**Images alignment:** Control how the product image is positioned inside the widget (top, center, bottom).

**Border radius:** Control how rounded the corners of your widget appear.

### 2. Widget info

**Activate upsell message:** Turn this on to display a message at the top of your upsell widget.

**Activate compare-at-price:** Turn this on to display the original price of the upsell product before the discount is applied.

**Upsell message:** Customize the message displayed at the top of the upsell widget.

**Button text:** Choose the text for the button that customers will click to add the upsell product to their checkout summary.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXf0AP7Ir7m2rK7syXr7GfSq03jtNLwd8fD_podKfOnafgeLrT7V7CPJGQg_8Gzt2jRgJZMRL4LZWA48b-jmUT_svF0oIF5fEqImQYclG6vy--7n-k3nyFT53WqWBLxDRHBXfJDh?key=AIxlYn9hwP4xvs3rgpboLynD" alt=""><figcaption></figcaption></figure>

### 3. Color

**Button Style:** The button to add the upsell product to the checkout summary.

**Background Color:** The background color of the upsell widget.

**Price Color:** The discounted price that the customer will pay.

If you select **"Accent Color"** for the price, BOGOS will sync the price color with the accent color set in your checkout theme.

To change it, click at the blue sentence **“Setting your store accent color here”** to be redirected to your theme editor and then adjust the accent color you want.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXffdG5Y3apCo_Z9Svo3jbIqL0TJorZfg6T3PU9F28M58zvYEp-wnARmEsNoeE5kpP3JcTrB1xTJX1HzKNRQgdXzOm8cYYyA_n73IdFiVNY-9zda--xZGHc2PWBuBCAq2JpcQVLALQ?key=AIxlYn9hwP4xvs3rgpboLynD" alt=""><figcaption></figcaption></figure>