Overview
The PopUp slice lets you display a modal popup to visitors on any page of your site. Use it to promote a sale, capture email signups, embed a form, or share an important message — with full control over when and how often it appears.
Getting Started
Add the PopUp slice to any page in your CMS editor. There is one variation: Default.
Fields
Active
Toggle this on or off to show or hide the popup without deleting it. Useful for pausing campaigns without losing your content.
Image (optional)
Upload an image to display at the top of the popup — works well for promotional banners, logos, or product shots.
Title
The main headline of your popup. Supports heading styles and bold/italic formatting.
Content
The body text of your popup. Supports paragraphs, subheadings, and hyperlinks. Use this for your offer description, terms, or a short message.
Code Embed (optional)
Paste a <script>, <form>, or <iframe> here — great for embedding a Klaviyo signup form, a third-party widget, or any custom HTML.
CTA Button Text (optional)
The label on your call-to-action button. Examples: Shop Now, Subscribe, Claim Offer.
CTA Button Link (optional)
Where the CTA button takes the visitor. Can be an internal page or an external URL, and can open in a new tab.
Trigger Settings
Control when the popup appears using the Trigger Type field:
Time Delay — Popup appears after X milliseconds. Set the delay in the Time Delay field (e.g., 3000 = 3 seconds, 4000 = 4 seconds).
Scroll Percentage — Popup appears when the visitor scrolls a certain percentage down the page. Set it in the Scroll Percentage field (e.g., 50 = halfway down).
Page Load — Popup fires immediately when the page loads.
Exit Intent — Popup fires when the visitor moves their cursor toward the browser close or back button.
Display Frequency
Control how often a visitor sees the popup:
One Per Session — Shows once per browser session. Resets when the visitor closes the tab or browser.
One Per User — Shows once per user, stored via cookies. The visitor will not see it again on return visits.
Every Visit — Shows every time the page loads.
Tips
Use the Active toggle as your on/off switch — do not delete the slice just to temporarily hide a popup.
Pair Exit Intent with a discount code for a last-chance offer before visitors leave.
If you are embedding a signup form via Code Embed, you can leave the CTA button fields blank.
Time Delay is in milliseconds: 1000 = 1 second, 3000 = 3 seconds, 5000 = 5 seconds.