# Pop-up

<Embed url="https://youtu.be/JfGoqHvXCME" />

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

## What is a pop-up?

A pop-up is an overlay that stops on-site visitors and displays an informational or promotional message to grab their attention.&#x20;

A pop-up can be a great way to grow your email list, get more newsletter sign-ups, and boost sales.&#x20;

## How to set up a pop-up

<Hint type="success">

Steps:

1. In the theme editor (Customize), locate **Overlay group** > **Pop-up**.
2. Make necessary changes.
3. **Save**.

</Hint>

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

## Configure your pop-up

### General settings

* **Enable**: Add a pop-up on your storefront.
* **Show on home page only**: Show the pop-up on your home page only.
* **Show for visitors only**: Show the popup for visitors only. The users who log into their accounts on your website will not see the popup.
* **Trigger open automatically**: Set when the popup is displayed:
  * right after the page loaded;
  * 5 seconds after the page is loaded;
  * when customer is scrolling down.
* **Repeat open automatically:** Control how often it appears to visitors.
* **Text alignment**: Set how the pop-up content is aligned.

<Tabs>
<Tab title="Left">

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

</Tab>

<Tab title="Center">

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

</Tab>
</Tabs>

* **Container width**: Set the width of your pop-up.

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

### Teaser button

Enable the teaser button if you want your visitors to open the pop-up **manually any time they want.**

You can change the button label and its colors.

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

### Block settings

In your pop-up, you can select the following:

* **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 image position (Top/ Left).
* **Button**: Add a button that links to your desired page.
* **Newsletter form**: Add a newsletter form to your popup. There are 2 designs that you can choose from:

<Tabs>
<Tab title="Design 1">

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

</Tab>

<Tab title="Design 2">

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

</Tab>
</Tabs>

* **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 icons that you have set in Theme settings > [Social media](https://docs.foxecom.com/sleek-theme/theme-settings/social-media).