> 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/widget-setup/widget-types-explained/thank-you-page-offers.md).

# Thank you Page Offers

## ✅ What this widget does <a href="#what-this-widget-does" id="what-this-widget-does"></a>

**Thank You Page Offers** let you show product recommendations after a customer completes a purchase.\
This is a great way to increase repeat purchases while the customer is still engaged.

You can use it to:

* Suggest complementary products
* Promote best-sellers
* Encourage customers to place another order

***

## ⚙️ **How to set up** <a href="#how-to-set-up" id="how-to-set-up"></a>

### **Step 1: Create a Widget**

1. Open the app > go to the **Widgets** tab > click the **Add widget** button in the top right corner
2. For **Placement**, choose **Thank you page** > layout Thank you offers is selected
3. Click **Next** to go to the configuration page and begin setting up your widget

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

4. Fill in your widget details:

* **Title:** Heading shown above the offers

Exampl&#x65;*:* `Frequently Bought Together`

* **Subtitle** (optional)

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

5. Select the **target product(s)** where the widget should appear

Options:

* **All products**\
  → Show the offer after every purchase
* **Specific products**\
  → Show the offer only when certain products were purchased
* **Specific tags**\
  → Show the offer when purchased products contain specific tags

6. **Choose Recommended Products**

This section controls what products are shown on the Thank You page.

7. Click **Save**

***

### Step 2: Configure widget style <a href="#step-2-configure-widget-style" id="step-2-configure-widget-style"></a>

1. Open the app > go to app **Settings** > click **Design**
2. Find **Thank you Offers** tab > click on it

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

2. Choose where it is shown: find **Position**

Choose one:

* **Use app block in theme editor** *(recommended)* Use Shopify Theme Editor to drag & drop the widget.
* **Before / After a HTML element** *(manual placement)* Use this if you’re adding the widget via shortcode and need full control.

3. Configure the color and design of each widget you want
4. Save settings
5. Use the Preview panel on the right to see real-time changes.

***

### Step 3: Display widget on the site <a href="#step-3-display-widget-on-the-site" id="step-3-display-widget-on-the-site"></a>

#### &#x20;**Copy the Widget Shortcode**

1. Return to the **Widgets** list > find your newly created widget.
2. Click **Copy** under the **Shortcode** column

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

***

#### **Add Widget in Theme Editor**

1. Open the theme editor > go to **Thank you** page template

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

<figure><img src="/files/60nPreLT5AC6evl8ZZs5" alt=""><figcaption></figcaption></figure>

2. Click > **Add block** > select **Apps** > select **Tipo Related Products**

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

3. Paste the **widget’s** **shortcode** into the block
4. Click Save theme editor

***

### Step 4: Enable app embed <a href="#step-4-enable-app-embed" id="step-4-enable-app-embed"></a>

In theme editor, toggle on the app embed of Tipo Related Products. [Learn more](https://docs.tipo.io/tipo-related-products/setting-up/activate-app-embed-on-theme)

<figure><img src="https://docs.tipo.io/~gitbook/image?url=https%3A%2F%2F3173367560-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRM5h2vtdtoVXQ1FbxweB%252Fuploads%252FPoxPt83s1VYDjTlDNLmF%252Fimage.png%3Falt%3Dmedia%26token%3Dface249f-c790-4e53-9fe1-375a388fd88f&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=80d47009&#x26;sv=2" alt=""><figcaption></figcaption></figure>

***

**Scenario:**

* A customer buys `A-Line Mini Dress in Blue`
* After checkout, the Thank You page shows: `3/4 Sleeve Kimono Dress`

**Result:**

* The customer sees relevant items
* They can add another product immediately
* No interruption to the original checkout

***

## ❓ FAQs

#### Will this affect checkout?

No. Thank You Page Offers appear after payment, so they don’t slow or interrupt checkout.

#### Can customers add products directly from the Thank You page?

Yes, if the **Add to cart** button is enabled in Design settings.

#### Can I show different offers for different products?

Yes. Use **Target → Specific products or tags**.

#### Does this work with Shopify Thank You pages?

Yes. The widget is designed specifically for Shopify’s Thank You page.