Form Builder: Create, Publish, Embed, and Track Forms

Form Builder lets you create forms without any code, perfect for capturing leads, registrations, inquiries, and other visitor information. Build with drag-and-drop fields, control what happens after someone submits, and publish your form on your website or as a standalone page.

Step 1: Open the Forms Section

From the left sidebar, go to 'Marketing' → 'Forms', then click 'New form'.

Use a Ready-Made Template

Step 2: Pick a Template

In the editor, switch to the 'Templates' tab. Choose a ready-made template (like Lead Capture, Webinar Registration, or Contact Us) or start with a 'Blank form'.

Step 3: Edit a Field's Label

Click any field on the canvas to select it and update the field or text.

Step 4: Add Fields from the Blocks Panel

Switch to the 'Blocks' tab on the left. Drag a field (Text, Email, Phone, Dropdown, etc.) onto the canvas, or double-click it to add it instantly.

Step 5: Set Up Basic Form Details

Click 'Settings' on the right panel. Here you'll find the 'Template name', plus the hidden 'Form ID' and 'Domain ID' used to identify your form.

Step 6: Preview & Save

Use the 'Preview' button to see how the form looks and click 'Save & Exit' to save the changes

Step 7: Publish the Form

Go to the form's Overview page and click 'Publish'

. A form must be published before it can accept real submissions.

Create a Form from Scratch

Step 8: Start a Fresh Form

A new form opens on the 'Blocks' tab with an empty canvas. Drag blocks here to build your form from scratch.

Step 9: Add Layout and Advanced Blocks

Scroll down in the Blocks panel for more options: Header text, Paragraph, Spacer, Image, and Submit button. Use these to organize and finish your form.

Step 10: Add a Signature Field

Drag the 'eSignature 'block onto your canvas when you need a visitor's signature. They can type their name in a signature font or draw it with a mouse or finger.

Step 11: Give Every Field a Unique Name

Select a field and check its 'Field name' in the settings panel. Every field name must be unique; this is how the data gets saved and identified.

Step 12: Choose the Post-Submission Message

Go to 'Settings' → 'After someone submits this form' and select 'Thank-you message' to show a simple confirmation on the same page.

Step 13: Set Up Conditional Redirects

Still under Settings, choose 'Conditional redirect' if different visitors should land on different pages after submitting. Click '+ Add rule' to build your conditions.

Step 14: Turn On CAPTCHA

In Settings, find 'Enable CAPTCHA' and toggle it on. This helps block spam submissions on forms that get a lot of bot traffic.

Step 15: Review All Form Settings

Check the full Settings tab in one place: Template name, Form ID, Domain ID, Form alignment, Form background, and CAPTCHA. Once done, click 'Save & Exit'.

Step 16: Get the Embed Code

Open your form and go to the 'Embed' tab. Copy the 'JavaScript embed' or 'Single-script embed' code and paste it into your website.

Step 17: Copy the Hosted Page Link

On the same Embed tab, scroll to 'Hosted page '. Copy this link to share your form directly through email, social media, or anywhere else.

Step 18: Check Form Analytics

Go to the 'Analyze' tab to see Total submissions, Avg. completion, and a breakdown of how many people completed each field.

Step 19: View Submissions

Go to the 'Submissions' tab to see every response in a table, including contact info, dates, and answers. Use Export to download as CSV.

Step 20: Manage Your Forms from the List

On the main Forms page, click the ⋮ menu next to any form to quickly Edit, Embed, view Performance/ Analyze/ Submissions, Archive, or Delete it.

Frequently Asked Questions

Why aren't my submissions showing up? Check that your form is Published. Draft forms can appear on your website but reject submissions.

Can I use the same form on multiple pages? Yes. The submission details include the page URL, so you can see where each submission came from.

Do I need to re-embed the form after editing it? No. Save your changes in the editor, and they'll show up wherever the form is already embedded or hosted.

Why isn't one of my fields saving data? Check the field names. Every field must have a unique Field name, or one field's data may get dropped.

Can I stop a form without deleting it? Yes. Move it back to Draft or Archive it. Existing submissions are kept.