# Before you leave

<figure><img src="/files/kwaEwCL1BMPYRJnBMU7u" alt="" width="563"><figcaption></figcaption></figure>

To add this section, please follow the below steps:

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Scroll down to **Popup group** at the bottom, Click **Add section** and choose "**Before you leave**".

<table><thead><tr><th width="256">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Image</td><td>Set up an image</td></tr><tr><td>Heading</td><td>Add text to display as a section heading <br><em><mark style="color:red;">(Leave the field blank to hide the heading)</mark></em></td></tr><tr><td>Description</td><td><p>Add text to display as a custom content to describe this section </p><p><em><mark style="color:red;">(Leave the field blank to hide the description text)</mark></em></p></td></tr><tr><td>Product</td><td>Select the product to add to the section</td></tr><tr><td>Button label</td><td>Add text to display as a button on the section <br><em><mark style="color:red;">(Leave the field blank to hide the link)</mark></em></td></tr><tr><td>Button link</td><td>Set the link, for example the customer service page</td></tr><tr><td>Show after (minutes)</td><td>Determine the timespan to show the popup since the stop of user's interaction or tab navigation</td></tr><tr><td>Background</td><td>Set the background for this section</td></tr></tbody></table>

#### Section color

<table><thead><tr><th width="256">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Color scheme</td><td>Select a color scheme to set the text and background colors for the section</td></tr></tbody></table>


---

# 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/concept-documentation/popup-group/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.
