# Post-purchase popup

The Referral **Post-purchase popup** will appear on the **Thank you** page right after your customer completes a purchase. This seamless integration encourages customers to join your referral program without interrupting their shopping experience.

Here's how it looks like on the Thank you page:

<figure><img src="/files/1vApLfNmydpcPR0PNDGI" alt=""><figcaption></figcaption></figure>

To enable Post-purchase widget, please follow these steps:

## Step 1: Add BLOOP app block to Thank you page

### 1.1. Open Theme Customization

Navigate to **Shopify Admin > Sales channels > Themes > Customize** to access the customization section.

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

### 1.2. Open Thank you page in Theme Customization

From the page selection dropdown, choose **Checkout and new customer accounts**.

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

Then, select **Thank you** page.

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

### 1.3. Add BLOOP Referrals app block to Thank you page

From the left-hand navigation, click **Add block**.

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

Choose the app block from **BLOOP**, it's named **Referral block.**

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

Then, click **Save** to complete the process.

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

The post-purchase popup will now appear on the **Thank You** page after a customer makes a purchase.

## Step 2 (Optional): Customize post-purchase widget content

To customize the popup content, go to **BLOOP Refer and Aff > Referral program > Branding > Post-purchase popup > Customize**.

From there, you can personalize the text as needed.

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

\---

For any further questions, feel free to reach out via our in-app live chat or email us at <support@bloop.plus> for assistance.


---

# Agent Instructions: 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:

```
GET https://docs.bloop.plus/referral-program/branding/post-purchase-popup.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.