Sign up
Sign up
Z1
Creative & Storefront
Images & VideosEmailsPopups & FormsAI Storefront BuilderLanding PagesSoon
ANA
Analytics & Attribution
PixelsAttributionAnalytics
MogiuCreator & Affiliate Marketing
All products
Store BuildInfluencer MarketingPaid AdsAll services
Pricing
Get in Touch

Forms

/

4 min read

Creating a form or popup

Design forms and popups in Z1 Canvas → Popups & Forms, then publish and run them in Reach — from picking a template to going live.

You design forms and popups in Z1 Canvas → Popups & Forms, then run and manage them in Reach. This split trips people up, so keep it in mind from the start: the editor in Z1 Canvas controls what your form looks like, and Reach controls what happens with it — which list submissions land in, when a popup appears on your site, and where you review results.

This article walks you through creating your first form or popup, from picking a template to publishing.

Before you start

  • Popups need the Zalify pixel installed on your site — the pixel is what displays the popup to visitors. If you haven't set it up yet, see Zalify pixel and Reach.
  • Decide which list new submissions should join. If you don't have one yet, create it first — see Lists & segments.

Start from a template

  1. Open Z1 Canvas and go to Popups & Forms.
  2. Click the option to create a new form or popup.
  3. Browse the template gallery and pick one close to what you need — a newsletter signup, a discount popup, a contact form, or a survey. Templates are starting points; everything in them can be changed.
  4. Select a template to open it in the editor.

You can also start from a blank canvas, but a template gets you to a working form faster.

A quick tour of the editor

The editor is where you shape the content and look of your form. At a glance:

  • Pages. A form can have more than one page — for example, a question page followed by a thank-you page. Add pages when you want to split a longer form into steps or show a confirmation after submission.
  • Blocks. Each page is built from blocks: text, images, input fields, buttons, and other elements. Add a block, drag it into position, and edit its content directly. Input blocks (like email or name fields) are what collect data from visitors.
  • Styling. Adjust colors, fonts, spacing, and layout to match your brand. If you've set up a brand kit, your brand styles are available in the editor — see Brand kit and Reach.

This article stays at tour level on purpose. For deep design guidance — advanced layouts, block-by-block options, responsive behavior — refer to the Z1 Canvas design documentation.

Connect it to a list

Before you publish, check which list submissions will land in. This is the single most important setting on any form — it determines where your new contacts go and which automations can pick them up. See Connecting a form to a list for the details.

Publish

  1. Review your form in the editor's preview to check each page and confirm the fields collect what you need.
  2. Click the publish action when you're happy with the design.
  3. Your form or popup is now live and managed from Reach.

What happens after publishing

  • Popups are displayed on your site by the Zalify pixel. When and where they appear — which pages, after what delay, how often — is controlled on the Pixel Triggers page, not in the editor. This is deliberate: design lives in the editor, display rules live in Triggers. See Controlling when your popup appears (pixel triggers).
  • Submissions from your form flow into Reach. New contacts join the list you connected, and every submission appears on the Submissions page — see Viewing and exporting submissions.
  • Follow-up. Once contacts are in a list, you can email them with a broadcast or enroll them in an automation. See Sending your first broadcast and Building an automation.

Editing a live form

To change a published form or popup, open it again in Z1 Canvas → Popups & Forms, make your edits, and republish. Remember the split: content and styling changes happen in the editor, while changes to when a popup shows happen on the Pixel Triggers page in Reach.

Previous

Embed a hosted inline form

Next

Connecting a form to a list