Sleek
Try Sleek freeResourcesOther solutions
  • What is Sleek theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Sleek theme
    • Set up my store as Sleek demo
    • Update Sleek theme
    • Theme license & Transfer
  • BUILD FOR SUCCESS SERIES
    • Homepage for Health & Beauty 🔥
  • Page's global sections
    • General settings
    • Announcement bar
    • Cart drawer
    • Header
      • Mega menu
      • Use Country/ Region selector
      • Use Language selector
    • Footer
    • Mobile navigation bar
    • Pop-up
    • Quick view
  • Theme sections
    • Before/ After image slider
    • Blog post
    • Card images
    • Collage tabs
    • Collapsible tabs
    • Collection image showcase
    • Collection list
    • Collections showcase
    • Collections slider
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid
    • Email signup
    • Favorite products
    • Feature list
    • Featured product
    • Featured collection
    • Featured products tab
    • Highlight text with image
    • Image gallery
    • Image with text
    • Image with text columns
    • Image with text overlay
    • Layered images with text
    • Lookbook banner
    • Lookbook cards
    • Lookbook slider
    • Media with collection
    • Multicolumn
    • Press
    • Products bundle
    • Product tabs
    • Product showcase
    • Recently viewed products
    • Rich text
    • Scrolling promotion
    • Slideshow
    • Store locator
    • Testimonials
    • Video
    • Video hero
    • Video with text
  • Theme settings
    • General 🔥
    • Animations
    • Buttons
    • Custom CSS
    • Blog cards
    • Cart
    • Collection cards
    • Color swatches
    • Colors
    • Currency format
    • Layout
    • Logo
    • Product cards
    • Search behavior
    • Social media
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Page sections
        • Breadcrumbs
        • Product information
        • Related products
        • Sticky add to cart bar 🔥
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product grid
    • Collections list page
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • Cart
    • Password
    • Search page
  • FAQs
    • Generic
      • Add gift wrap option to my cart
      • Combined listings app
      • How to add custom fonts in Sleek? 🔥
      • JavaScript events for developers
    • Product
      • Set up quantity rules and volume pricing 🔥
      • Add custom badges using product tags
      • Set up Local Pickup option
      • Show dynamic content for Products using Metafields 🔥
Powered by GitBook
On this page
  • What is a pop-up?
  • How to set up a pop-up
  • Configure your pop-up
  • General settings
  • Teaser button
  • Block settings
  1. Page's global sections

Pop-up

Learn how to create a pop-up for your Shopify store with Sleek

PreviousMobile navigation bar NextQuick view

Last updated 11 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 set up a pop-up

Steps:

  1. In the theme editor (Customize), locate Overlay group > Pop-up.

  2. Make necessary changes.

  3. Save.

Configure your pop-up

General 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. There are 2 designs that you can choose from:

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