HYPER theme
Try Hyper freeResourcesOther solutions
  • What is Hyper theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Hyper theme
    • Set up my store as Hyper demo
    • Update Hyper theme
    • Theme license & Transfer
  • Page's global sections
    • Announcement bar
    • Top bar
    • Header
      • Mega menu
      • Use Country/ Region selector
      • Use Language selector
    • Footer
    • Cart drawer
    • Popup
    • Product compare
    • Quick view
    • Spotlight picks
  • Theme sections
    • Banner with hotspots
    • Before/after image slider
    • Brand logos 🔥
    • Button group
    • Collapsible tabs
    • Collection list
    • Collection list slider
    • Collection tabs
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid
    • Email signup
    • Favorite products 🔥
    • Featured blogs
    • Featured collection
    • Featured countdown timer 🔥
    • Featured product
    • Horizontal products list 🔥
    • Image with text
    • Image with text overlay
    • Image with text slider 🔥
    • Lookbook slider
    • Multicolumn
    • Multicolumn with icon
    • Press 🔥
    • Products bundle 🔥
    • Promotion banner
    • Recently viewed products
    • Rich text
    • Shop the feed 🔥
    • Scrolling banner
    • Scrolling gallery images
    • Scrolling promotion
    • Slideshow
    • Tabs content
    • Testimonials
    • Testimonials masonry 🔥
    • Video
    • Video hero
  • Theme settings
    • General
    • Animations
    • Blog cards
    • Buttons
    • Cart
    • Color swatches
    • Colors
    • Currency format
    • Custom CSS
    • Layout
    • Logo
    • Product badges
    • Product cards
    • Product compare
    • Quick view
    • Search behavior
    • Social media
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Breadcrumbs
      • Product information
      • Quick comparision table
      • Quick order list
      • Related products
    • Collection page
      • Collection template
      • Collection banner
      • Product grid
    • Collections list page
  • Other pages
    • Blogs
    • Blog posts
    • Cart
    • Password
    • Search page
  • FAQs
    • Add Highlighted text to your Headings
    • Add gift wrap option to my cart
    • Combined listings app
    • Set up Local Pickup option
    • Set up quantity rules and volume pricing in B2B
    • Show Payment icons
Powered by GitBook
On this page
  • What is a pop-up?
  • How to enable a Popup for your Shopify store
  • How to edit your Popup
  • Section settings
  • Block settings
  1. Page's global sections

Popup

Create a pop-up for your Shopify store

PreviousCart drawerNextProduct compare

Last updated 4 months ago

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 pop-up can be a great way to grow your email list, get more newsletter sign-ups, and boost sales.

How to enable a Popup for your Shopify store

Steps:

  1. In the theme editor (Customize), locate Overlay group > Popup.

  2. Make necessary changes.

  3. Save.

How to edit your Popup

Section 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.

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

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.

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.

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 icons that you have set in Theme settings > .

Discounts
Social media