The editor

Settings sit on the left; your popup sits on the right, live, on a sketch of a shop page.

Preview

• Edit and Try. In Edit, click any part of the preview to select its block; it opens in the panel and is outlined in the preview. In Try, use the popup as a shopper would: type an email, spin the wheel, copy the code.
• Desktop and Phone. See the popup at desktop size or as it opens on a phone, where popups rise from the bottom as a sheet.
• Steps. Popup is what shoppers see first. After sign-up is what they see once they join or spin. Age checks also have When denied.
• Language. The language menu above the preview shows the popup in each of your store's languages.
• Replay plays the opening animation again.

Undo and redo

Undo and redo up to 100 steps with the buttons, or with ⌘Z and ⇧⌘Z (Ctrl+Z and Ctrl+Y on Windows). A burst of typing or one slider drag counts as one step.

Saving

Save keeps your draft. Shoppers only see your changes once you Publish.

Blocks

A popup is a stack of blocks. Add them under Add a block, drag them by the handle to reorder, and duplicate or remove them with the icons on each row. Select a block to edit its words and its style.

Block	What it does
Heading	The main line. Choose a level; wrap words in *stars* to highlight them.
Text	A paragraph. Supports bold and links.
Image	A picture inside the content, from Site assets, with a description for screen readers.
Badge	A small label above the heading, or a round sticker over the corner.
List	A short bulleted list, such as the perks of joining.
Email field	Collects the shopper's email. A popup with an email field signs shoppers up.
Phone field	Collects a phone number for text messages. Always add the Text consent block with it.
Name field	Collects a first name, so your emails can greet them.
Email consent	The small print about marketing emails.
Text consent	A tick box shoppers must check to receive text messages.
Button	Signs up, closes, opens a page, spins the wheel, copies the code, confirms or denies age, or goes to the next step.
No-thanks link	A quiet way to close the popup. Keep one so phone users can always leave.
Discount code	Shows the code: the shopper's own code after sign-up, or the shared code on a popup without an email field.
Countdown	Counts to a date and time, or gives each visitor their own minutes. Switch on Big tiles for hours, minutes and seconds in large tiles.
Prize wheel	The spin to win wheel. Its slices and chances are set under Offer.
Divider and Space	A thin rule, or extra space between blocks.

Block style

Every block can change its alignment, weight (thin to black), size (up to 160px for poster type), colours, border, spacing, width, corners, letter spacing, italics, capitals and font.

• Same row as neighbours puts blocks side by side, such as a field with its button.
• Show on limits a block to phones or desktop.

Formatting text

Type this	To get
**free shipping**	Bold words, in Text, List and Email consent blocks.
[privacy policy](/policies/privacy)	A link to a page of your store, or to any https:// address.
*20% off*	A highlighted word in a Heading: a marker stroke on light popups, an accent colour with an underline on dark ones.
A new line	A line break, in Headings and Text.