> For the complete documentation index, see [llms.txt](https://docs.tipo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tipo.io/tipo-related-products/design-and-appearance/thank-you-offers-design.md).

# Thank you offers – Design

**Thank you offers** let you show product recommendations **after checkout** on the **Thank you page**.\
This is a great place to suggest a small add-on or a related product while the customer is still engaged.

***

### 🛠️ Where to find the settings

1. Go to the app > open app Settings 
2. Click **Design**
3. Open **More views** 
4. Select **Thank you offers**

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

> ⚠️ Note: The preview may show **“No preview available”**. This is normal for Thank you page widgets.

***

### ⚙️ General settings

#### Number of products

Choose how many products to show in the Thank you offer.

**Example:**

* `2` → Show up to 2 products on the Thank you page

Recommended: **1–2 products**\
(Keep the Thank you page clean and focused.)

<figure><img src="/files/35unAcgqCczFBYqTc8wI" alt=""><figcaption></figcaption></figure>

***

### Elements

Control what information appears for each product.

You can enable or disable:

* **Variant select** – Let customers choose a variant
* **Sale label** – Show a “Sale” badge
* **Price** – Display product price
* **Add to cart button** – Allow customers to add the item directly

Recommended setup:

* **Price**&#x20;
* **Add to cart button**&#x20;

***

### Colors

Customize the look to match your store design.

You can change:

* Heading & subheading color
* **Product title color**
* **Product price & old price**
* **Sale label & background**
* **Button text & button background**

Tip: Use the same button colors as your main store buttons for a consistent look.

***

### ⚙️ Preview behavior

* The **Preview panel** may display **“No preview available”**
* This is expected for Thank you page widgets
* Always test by placing a real order to see the widget live

***

### 🧪 Example: Thank you offer in action

**Customer just bought:** Phone

**Thank you offer shows:**

* Screen protector
* Phone case

**Settings used:**

* Number of products: `2`
* Price: ON
* Add to cart button: ON
* Variant select: OFF

This creates a simple, low-friction post-purchase upsell.

***

### ✅ Best practices

* Show small, easy add-ons
* Limit to 1–2 products
* Avoid complex variant selection
* Keep design minimal and clean

**🙋 Still need support?**

If you still need help, please feel free to contact us at <hi@tipo.io>. We’ll be happy to assist you further.