# Before You Leave

**Before You Leave** will show up after your customers don’t have any actions like clicking or hovering on the store. The store owner can set up the time when it would show in Theme Setting. This feature can show the promotion content, upsell products, discount campaign to attract visitor’s attention in case they want to leave.

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

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme settings ->** **Before You Leave.**

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

#### General

| Setting                | Description                                                                                               |
| ---------------------- | --------------------------------------------------------------------------------------------------------- |
| Show Before You Leave? | Enable to show the Before You Leave Drawer on the theme.                                                  |
| Position               | Select the position to show the Before You Leave Drawer either on the right or left side of viewport.     |
| Show After (minutes)   | Determine the minutes to show the Before You Leave Drawer after the user switches to another browser tab. |

#### Content

| Setting          | Description                                                         |
| ---------------- | ------------------------------------------------------------------- |
| Logo             | Upload/choose the logo image to show on the Before You Leave Popup. |
| Background Color | Upload/choose an image to be the background banner of the popup.    |
| Content          | Enter the content to instruct users on the popup.                   |

#### Recommended Products

| Setting                  | Description                                                              |
| ------------------------ | ------------------------------------------------------------------------ |
| Collection               | Select a collection to show its products on the Before You Leave drawer. |
| Maximum Products To Show | Determine the maximum products to show on the Before You Leave drawer.   |

#### Back To Store

| Setting                   | Description                                                                                                        |
| ------------------------- | ------------------------------------------------------------------------------------------------------------------ |
| Show Back To Store Button | Enable to show the button to let users get back to continue shopping.                                              |
| Button Type               | Select the button type of the Back to Store button to be either button 1, button 2, button 3, button 4 or button 5 |
| Link                      | Enter the link to redirect user after the user clicks the Back to Store Button.                                    |

{% hint style="info" %}

{% endhint %}


---

# 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://halosoft.gitbook.io/bonnita-documentation/theme-settings/before-you-leave.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.