After creating a signup form, you can customize its design, content, and structure in the designer. You can start from a ready-made template, add multiple pages, and use content blocks and form fields to collect the information you need about new contacts.
If this is your first time using this feature, learn what signup forms are and when to use them.
If you want to configure display rules, triggers, and privacy settings, see the article about creating and configuring a signup form.
Choose a starting model
Right after creating your signup form, you can choose from several ready-made models to use as a starting point.
Each model provides an initial structure and style designed for a specific use case. You can use it as a starting point and freely customize its content, objects, pages, and styles.
Your model choice is not permanent: after selecting one, you can adapt every element to your project's needs and your brand identity.
Work in the designer
The designer is where you build everything visitors will see when the signup form appears on your website.
From here you can:
- Manage the form pages
- Add content blocks
- Insert and configure form fields
- Edit text, images, and buttons
- Customize colors, fonts, spacing, and layout
- Preview the final result
Manage your form pages
A signup form can contain one or multiple pages. From the designer, you can create new pages and manage the existing ones.
A multi-page structure is useful when you want to separate the different steps of the signup experience.
For example, you can use the first page to collect the visitor's information and a second page to confirm the signup and thank them.
You can also use multiple pages to:
- Split a longer form into shorter steps
- Show different information before and after the signup
- Present a reward after the visitor completes the form, such as a discount code
Navigation between pages is managed through the Navigation action associated with buttons.
Add content blocks and form fields
The objects available in the designer are divided into two main categories: Blocks and Form.
-
Blocks let you build the page layout and content.
For example, you can add text, images, columns, and spacing. -
Form objects let you collect visitor data, preferences, and consent.
For example, you can use text fields, date fields, and drop-down menus. You'll find the complete list in the dedicated form fields article.
You can add new objects either by dragging them from the side panel into the workspace or by clicking the + button directly in the editor.
Then select each object in the workspace to edit its content and settings.
You can mark fields as required and add checkboxes to collect consent or acceptance.
Offer a discount code
Among the available Blocks, you'll also find the Discount code block.
This block displays a code that visitors can copy with a single click.
You can use it as a signup incentive, for example by offering:
- A welcome discount
- Free shipping on the first order
- A gift reserved for new subscribers
- Early access to a promotion
You can place the code on the final page of the form so that new contacts receive it immediately after completing the signup.
Use form fields to enrich your contacts
The goal of a signup form is not to create a survey or overwhelm visitors with questions, but to acquire a new contact and collect useful information from the very beginning.
Link the form fields to your database fields so that the collected data is saved directly to the profile of the contact created after the form is submitted.
This lets you collect information such as:
- First and last name
- Email address
- Phone number
- Date of birth
- Interests
- Preferences
- Consent
This information enriches the contact profile and can later be used to personalize communications, segment your audience, and build more relevant journeys.
Customize your form's style
In addition to its content, you can customize the overall appearance of your signup form from the designer's Styles panel.
From here, you can configure:
- Layout, size, and spacing
- Fonts, colors, and text formatting
- The appearance of buttons and form fields
- CSS and custom code
Learn about all the available options in the guide to styles for on site messages and signup forms.
If you selected a brand kit when creating the form, it automatically inherits its logos, color palette, and fonts. You can still customize individual elements in the designer.
Keep your signup form's style consistent with the rest of your website. This creates a more natural and recognizable experience for visitors.