Pop-up

A guide to create a pop-up for your Shopify store

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

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

How to enable a pop-up

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

Decide when it appears:

  • Open immediately after page loaded

  • Delay 5 seconds after page loaded

  • Customers scrolling down

  • Customer is leaving the website.

On mobile, the popup shows immediately when the page loads.

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

Add a small button customers can click to open the popup manually.

Set the Button label (e.g. “Newsletter”) and customize the Teaser popup color.

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.

  • Social links: Showcase your store's social links. The social icons shown will be based on your Theme settings > Social media > Social accounts.

Last updated

Was this helpful?