Zest Theme
Zest Theme
Pages Global Sections

Pop-up

2 min read
image

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

Steps

  1. In the theme editor (Customize)
  2. On the left-sidebar, locate Popup
  3. Click Enable
  4. Save.
image

How to customize the popup

Section settings

SettingWhat it does
EnableToggle the popup on or off.
Show on home page onlyLimit display to the homepage.
Show for visitors onlyShow 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 automaticallyChoose how often to repeat.
Text alignmentLeft or center align content.
Container widthAdjust 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.
image
Last updated