# Popup

Once customers visit the site, they can sign up a **Newsletter popup** to receive a discount/promotion or information of New Arrivals.

![](https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FlHFoGzDrExpK3eCoZ0o3%2F28.jpg?alt=media\&token=1562cf28-0206-4f76-89bd-63814864d8ff)

## How to work

When a customer submits their information through the Newsletter popup, their details are automatically saved in the **Customers** section of your Shopify Admin. This allows you to collect and manage the email addresses of interested customers in one place.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FhiegyMFSIT0U2Skd3vGj%2Fnewsletter-customer.jpg?alt=media&#x26;token=fb841269-ac51-4875-851d-96baa1f119b3" alt=""><figcaption></figcaption></figure>

However, Shopify does not automatically send emails to your customers. When you have a promotion or updates to share, you will need to manually send emails to your customers. You can do this by exporting the list of customer emails and using email marketing tools to create and send your campaigns.

This approach gives you full control over your email communications, ensuring that only relevant and timely updates reach your audience.

## How to set up

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 ->** P**opup.**

| Settings         | Meaning                                                                                                                                                                           |
| ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Show popup       | Toggle to show the Popup.                                                                                                                                                         |
| Style popup      | <p>Select a style for the popup:<br></p><p><mark style="color:orange;"><strong>Newsletter</strong></mark></p><p><mark style="color:orange;"><strong>Promotion</strong></mark></p> |
| Show again after | Determine the time span between each automatical showing of the popup.                                                                                                            |
| Delay time       | Determine the delay time for the popup to automatically shows up.                                                                                                                 |

### Newsletter

| Settings    | Meaning                                                                                                                                                                                                                                                                                                |
| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Show image  | Toggle to show image on the popup.                                                                                                                                                                                                                                                                     |
| Image       | Select an image for the popup.                                                                                                                                                                                                                                                                         |
| Link        | Specify the link for the image to redirects to on clicked.                                                                                                                                                                                                                                             |
| Title       | Enter the title for the popup form.                                                                                                                                                                                                                                                                    |
| Description | Enter the description for the popup description.                                                                                                                                                                                                                                                       |
| Note        | Enter the text for the decline.                                                                                                                                                                                                                                                                        |
| **Button**  |                                                                                                                                                                                                                                                                                                        |
| Type        | <p>Select the behavior of the popup form button. The options are: </p><p></p><p><mark style="color:orange;"><strong>Default (subscription is managed by Shopify server)</strong></mark></p><p><mark style="color:orange;"><strong>Custom link (to any URL that merchants specify).</strong></mark></p> |
| Link        | <p>Specify the link for the <strong>Custom link</strong> to redirect to.<br><br><em><mark style="color:orange;">Note: Use for custom link.</mark></em></p>                                                                                                                                             |

### Promotion

| Settings                  | Meaning                                                                                                                                                    |
| ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Image                     | Select an image for the popup.                                                                                                                             |
| Link                      | Specify the link for the image to redirects to on clicked.                                                                                                 |
| Title                     | Set the title for your banner promotion                                                                                                                    |
| Discount label            | Set the discount label for your banner promotion                                                                                                           |
| Additional discount info  | Set the additional discount info for your banner promotion                                                                                                 |
| Discount code text        | Set the discount code text for your banner promotion                                                                                                       |
| Discount code description | Set the discount code description for your banner promotion                                                                                                |
| Note                      | Set the note for your banner promotion                                                                                                                     |
| Button label              | Set the button label for your banner promotion                                                                                                             |
| Link                      | <p>Specify the link for the <strong>Custom link</strong> to redirect to.<br><br><em><mark style="color:orange;">Note: Use for custom link.</mark></em></p> |
| Show social media links   | Displays the social media links                                                                                                                            |
| **Recommended products**  |                                                                                                                                                            |
| Show recommended products | Displays the recommended products                                                                                                                          |
| Title                     | Set the title for your recommended products                                                                                                                |
| Products list             | Choose products to feature in the recommendations                                                                                                          |
| Button label              | Set the button label for your recommended products                                                                                                         |
| Link                      | <p>Specify the link for the <strong>Custom link</strong> to redirect to.<br><br><em><mark style="color:orange;">Note: Use for custom link.</mark></em></p> |
