Popup

Theme editor → Popups group → Popup. A promotional overlay (e.g. a newsletter sign-up or a sale announcement) that appears based on a trigger you choose.

Image

• Image — optional; leave blank for a text-only popup.
• Aspect ratio — 16:9, 4:3, 1:1, 4:5, 3:4, 2:3, or Auto (the image’s own proportions). Default 1:1.

Content layout

• Horizontal alignment — Left, Center, or Right. Default Center.
• Vertical alignment — Top, Middle, or Bottom. Default Middle.
• Max width — Medium, Large, X-large, 2X-large, or None. Default None.
• Order — Image first or Content first. Default: Image first.

Trigger

Controls when the popup appears to a visitor:

• Show popup —
  • Immediately — as soon as the page loads.
  • After a delay (default) — waits before showing.
    • Delay (only when this is selected) — seconds to wait. Range 0–60s, default 5s.
  • On scroll — shows once the visitor scrolls a certain amount.
    • Scroll depth (only when this is selected) — percentage of the page scrolled before it shows. Range 10–100%, default 50%.
• Show once per visitor — once shown, don’t show it again to the same visitor (remembered via their browser’s local storage). Default on.

Popup settings

• Size — Small, Medium, Large, X-large. Default Medium.
• Color scheme — default Scheme 1.

Blocks

Add any combination of these to build the popup’s content:

• Heading, Subheading, Rich text, Button, Newsletter — see Shared content blocks.
• App blocks — third-party apps can also add their own blocks here.

To reward sign-ups, add a Newsletter block and put a discount code in its Success message. It appears under the email field as soon as the customer subscribes, without leaving the popup.

The default preset ships with a heading (“Join the list”) and rich text (“Sign up and get 10% off your first order.”) — replace or remove these and add your own combination of blocks.