# Pop-up

![image](https://docs-assets.foxecom.app/zest-theme/Fox-BG%20Light%20(16)_vqR22a0p.jpg)

The **Popup** section lets you display eye-catching promotions, newsletter sign-ups, or important messages when visitors land on your store.

<Hint type="info">

Form submissions are saved to the **Customers** section of your Shopify admin.

</Hint>

## How to enable a pop-up

<Hint type="success">

Steps

1. In the theme editor (**Customize**)
2. On the left-sidebar, locate **Popup**&#x20;
3. Click **Enable**
4. **Save.**

</Hint>

![image](https://docs-assets.foxecom.app/zest-theme/image_qKiGUcM4.png)

## How to customize the popup

### Section settings

| Setting                    | What it does                                                                                                                                                                                                                                                             |
| -------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Enable                     | Toggle the popup on or off.                                                                                                                                                                                                                                              |
| Show on home page only     | Limit display to the homepage.                                                                                                                                                                                                                                           |
| Show for visitors only     | Show only to customers who aren’t logged in.                                                                                                                                                                                                                             |
| Trigger open automatically | <p>Decide when it appears:</p><ul><li>Open immediately after page loaded</li><li>Delay 5 seconds after page loaded</li><li>Customers scrolling down</li><li>Customer is leaving the website.</li></ul><p>On mobile, the popup shows immediately when the page loads.</p> |
| Repeat open automatically  | Choose how often to repeat.                                                                                                                                                                                                                                              |
| Text alignment             | Left or center align content.                                                                                                                                                                                                                                            |
| Container width            | Adjust the popup’s container width.                                                                                                                                                                                                                                      |
| Teaser button              | <p>Add a small button customers can click to open the popup manually. </p><p>Set the <strong>Button label</strong> (e.g. “Newsletter”) and customize the <strong>Teaser popup color</strong>.</p>                                                                        |

### Block settings

In your pop-up, you can add:

* **Heading and Text**: Fill in your heading and text for the pop-up. You can only change the text size of the heading.
* **Image**: Select an image shown in your pop-up can image position (Top/Left)
* **Button**: Edit your button label
* **Discount code**: Fill in the discount code you want to offer your visitors and the apply button label. To know more about discounts and discount codes, see [Discounts](https://help.shopify.com/en/manual/discounts).
* **Social links**: Showcase your store's social links. The social icons shown will be based on your **Theme settings** > **Social media** > [**Social accounts**](https://docs.foxecom.com/zest-theme/theme-settings/social-media#social-accounts).

![image](https://docs-assets.foxecom.app/zest-theme/image_HskHUtey.png)