ZEST theme
Try Zest freeResourcesOther solutions
  • What is Zest theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Zest theme
    • Set up my store as Zest demo
    • Update Zest theme
    • Theme license & Transfer
  • build for success series
    • Landing page like puravida
  • Page's global sections
    • General settings
    • Announcement bar
    • Banner logo 🔥
    • Header
    • Footer
    • Menu
      • Add a banner to mega menu
      • Add products to mega menu
      • Add collections to mega menu
      • Add custom cards to mega menu
      • Customize a hovering menu
    • Mobile navigation bar
    • Age verifier pop-up
    • Pop-up
  • Theme sections
    • Auto-scrolling promotion
    • Before/ After image slider
    • Blog posts
    • Collage tab
    • Collapsible tab
    • Collection list
    • Collection list slider
    • Collections showcase 🔥
    • Collection tab
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid & HTML
    • Favorite collection 🔥
    • Favorite products
    • Featured product
    • Featured product slider
    • Featured collection
    • Gallery images
    • Handpicked products
    • Highlight text with image 🔥
    • Image with text
    • Image with text overlay
    • Image with text slider
    • Layered images 🔥
    • Logo list
    • Lookbook
    • Map
    • Mixed image cards 🔥
    • Multicolumn
    • Newsletter
    • Products bundle
    • Product tabs
    • Promotion banner 🔥
    • Press
    • Rich text
    • Slideshow
    • Testimonials
    • Video
    • Video hero
  • Theme settings
    • General settings
    • Animations
    • Cart
    • Checkout
    • Color swatches
    • Colors & Color schemes
    • Currency format
    • Cookies banner
    • Layout
    • Product card
    • Product quick view
    • Search
    • Social media
    • Theme style
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Product description
      • Breadcrumbs
      • Product information
      • Recently viewed products
      • Product recommendations
      • Quick order list 🔥
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product grid
    • Collections list page
  • Languages & Countries/Regions
    • Languages
    • Countries/ Regions
  • Other pages
    • 404 page
    • About us
    • Blogs
    • Blog posts
    • Cart & Checkout
    • FAQs page
    • Password
    • Search page
  • FAQs
    • Generic
      • Add custom fonts
      • Add custom CSS
      • Add custom badges to the product card and product page
      • Add gift wrap option to my cart
      • Add product review apps to my theme
      • Change the copyright text at the footer
      • Compare Zest with other Shopify themes
      • Does Zest support RTL languages?
      • JavaScript events for developers 🔥
      • How to migrate your Zest theme to version 7.0.0
      • My store has a low speed score - How can I improve it?
      • Show Payment icons on the Footer 🔥
    • Product page
      • Add a size chart to your product page
      • Add recipient fields to my gift card product
      • Edit product breadcrumbs using metafields
      • Set up quantity rules and volume pricing 🔥
    • Shopify functions
      • Combined listings app 🔥
      • Does Zest support Section groups?
      • Get to know dynamic checkout buttons
Powered by GitBook
On this page
  • What is a pop-up?
  • How to set up a pop-up?
  • Pop-up block settings
  • Pop-up section settings
  • Design Mode
  • General Settings
  • Teaser button
  1. Page's global sections

Pop-up

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

PreviousAge verifier pop-upNextAuto-scrolling promotion

Last updated 1 year ago

This article helps you create your store's pop-up in Zest to collect emails, promote sales, cross-sell products, etc.

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. A popup can be a great way to grow your email list, get more newsletter signups, and boost sales.

How to set up a pop-up?

Steps

  1. In the theme editor (Customize)

  2. On the left-sidebar, locate Pop-up

  3. Make necessary changes

  4. Save.

Pop-up 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

Pop-up section settings

Design Mode

Enable design mode to make the pop-up always displays during setup on the customize page.

General Settings

  • Enable

  • Show on homepage only

  • Show for visitors only

  • Trigger open automatically: 4 options

+ Open immediately after page loaded

+ Delay 5 seconds after page loaded

+ Customers scrolling down

+ Customer is leaving the website

The last option (Customer is leaving the website) is only working on the desktop. On mobile, the pop-up will appear after the page is loaded.

  • Repeat open automatically: Set the time before your pop-up appears again.

  • Text alignment (Left/Center).

  • Container width: Slide to adjust.

Teaser button

Enable/disable the teaser button by ticking/unticking the checkbox and filling in the button label.

You can also change the colors of the teaser pop-up background and text here.

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 .

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

Discounts
An example of Zest's popup
Find Popup in the left sidebar
Popup teaser button settings
Popup color settings
Social accounts