Event Constructor Overview

What is this for?

The Event Constructor is your visual workspace for building event pages and subscription forms. Think of it as a drag-and-drop canvas where you design the look and feel of your event, add content blocks, and configure the registration form that attendees will fill out. Everything you build here becomes a live page your audience can visit.

The Event Constructor opens when you create a new event or edit an existing one. It combines a visual page builder on the left with a settings panel on the right. The page builder lets you arrange content blocks (text, links, images) and the registration form. The settings panel walks you through four steps: Form Setup, Metadata, Integration, and Journey.

Two Types of Events

When you start, you choose between two templates:

• Event (Default) — A full event page with a schedule, journey, and registration form. Use this for conferences, webinars, or multi-session events where attendees pick a journey.
• Custom Form — A standalone subscription form without a journey. Use this for simple sign-ups, newsletter subscriptions, or lead capture forms.

Both types share the same constructor interface. The difference is which fields are required in the Metadata step and whether a Journey can be attached.

Page Layout: Three Main Areas

1. Left Panel — Tools Toolbar

A vertical toolbar grouped into three sections:

Layouts (left group)
Tools for adding structural blocks. Currently, the page always starts with three stacked blocks (top, center, bottom), each with a form block in the middle.

Tools (center group)

• Background Color — Opens a color picker to set the page background. The color applies instantly.

Actions (right group)

• Save — Saves your event as a draft. Always available.
• Preview — Opens a live preview of the page in a new tab. Saves automatically before opening.
• Check & Activate — Runs validation, then opens the activation popup. If validation passes, you can activate the event and optionally send an email to subscribers.
• Stop Event — Appears only for active events. Opens a confirmation popup to stop the event and optionally notify subscribers.
• Metadata — Opens the Metadata settings modal (same as Step 2 in the sidebar).

2. Center Canvas — The Page Builder

The canvas shows three horizontal blocks stacked vertically. Each block has three content areas: Top, Center, and Bottom.

• Add Text — Inserts a text block. You can edit the text, font size, color, alignment, and max width.
• Add Link — Inserts a link button or text link. You set the label, URL, and styling.
• Add Image — Inserts an image. You pick a file from the media library.
• Background Color — Each block area can have its own background color.

Click the gear icon on any component to edit its content and style. Click the trash icon to remove it. Drag the drag handle (six dots) to reorder fields inside the form.

3. Right Panel — Setup Sidebar (Four Steps)

The sidebar guides you through configuration. Click each step to expand it.

Step 1: Form Setup
Create and manage form fields. Choose a field type from the dropdown, click Add Field, then configure it in the inline settings panel. Manage catalogs (dropdown options) for Select fields here too.

Step 2: Metadata
General event settings: name, description, access password, start date, timezone, maximum subscribers, and a "notify me when done" checkbox. For Event (Default) type, the start date and timezone are required.

Step 3: Integration
Optional webhook URL. When someone submits the form, a POST request is sent to this URL with the submission data.

Step 4: Journey (Event type only)
Select an existing journey, create a new one, edit the selected journey, or copy a journey from another event.

How the Workflow Works

1. Design the page — Add text, links, images to the canvas. Style the background.
2. Build the form — In Form Setup, add fields (Email, Text, Select, etc.). Mark required fields. Set up dependent fields if needed.
3. Fill metadata — Give the event a name, set the date, pick a timezone, set subscriber limit.
4. Connect journey (Event type only) — Pick or create a journey.
5. Save — Click Save in the toolbar. Your draft is stored.
6. Preview — Click Preview to see the live page.
7. Activate — Click Check & Activate. The system validates required fields (email field present, select fields have catalogs, dynamic fields have dependencies, journey selected, start date in future). If all passes, the activation popup opens. Confirm to go live.

Locked Fields After Activation

Once an event is activated, certain fields become read-only to protect data integrity:

• Event name
• Start date
• Journey selection
• Expiration date
• Timezone
• Maximum subscribers

A lock icon appears next to these fields in the Metadata step with a tooltip explaining they cannot be changed while the event is active.

AI Assistant

A sparkle icon in the Form Setup step opens the AI assistant. Describe the fields you want in natural language (e.g., "Add a dropdown for T-shirt size with options S, M, L, XL"), and the AI will create them for you. You can also ask it to update or remove fields.