Skip to main content
The no-code editor lets you change every aspect of your popup without writing a single line of code. Open it after selecting a template (or a blank canvas) and use the side panels to adjust the design, content, form fields, and position. Every change appears in the canvas instantly so you always know what your visitors will see.

Editor panels

The editor is organized into four panels on the right side of the canvas: Design — Adjust colors, fonts, background fill, border style, corner radius, and box shadow. Keep these consistent with your brand so the popup feels like a natural part of your site. Content — Edit the headline, body text, button labels, and images. Drag images from your computer or paste a URL to replace the placeholder artwork. Form Fields — Add or remove form fields — email, name, phone number, or custom fields. Mark individual fields as required, set placeholder text, and reorder fields by dragging. Layout — Choose where the popup appears on screen: center modal, bottom bar, slide-in panel, or corner widget. Set the width and height to control how much of the page the popup occupies.

Real-time preview

The canvas updates instantly as you make changes. Use the Desktop and Mobile toggle above the canvas to switch between device previews and catch any layout issues before you publish.

Saving and publishing

The editor auto-saves your work as a draft every time you make a change. When you are ready to go live, click Publish in the top-right corner. You can return to draft state at any time by clicking Unpublish on the campaign.
Apply your brand’s primary and accent colors in the Design panel first. Consistent colors make your popup feel like a natural extension of your site rather than an intrusive ad.
When your design is ready, move on to targeting to control when and to whom the popup appears.