Help Center
Contacts & leads15 min read

Capture leads with Forms

Build a form with the drag-and-drop editor, drop it on your website, and every submission becomes a contact in Exabloom - ready for your team to follow up or for a workflow to act on instantly. Here’s the whole feature, from laying out and styling a form to logic and automation.

How forms work

A form lives in Forms in the sidebar. You build it by dragging elements onto a canvas, then you put it in front of customers by embedding it on your website. When someone fills it in, Exabloom turns that submission into a contact and stores the answers - so nothing lands in an inbox you forget to check.

brightminds.sg/contact
Bright MindsClassesFeesContact
Contact Us
First Name
Mei Ling
Email
meiling@example.com
Phone
+65 8123 4567
Submit
1They fill it inOn your website, in the form you embedded.
brightminds.sg/contact
Bright MindsClassesFeesContact
Thank you for taking the time to complete this form. We’ll get back to you shortly
2They see a thank-youThe message you set on the Submit button.
app.exabloom.com/contacts
Contacts
MLMei Ling+65 8123 4567
3A contact appearsCreated, or matched by phone, in Contacts.
Email to your team
New submission: Book a trial class
Workflow: Form Submitted
4Your team actsAn email copy, and any workflow on the form.
One submission, four moments: the customer fills it in, sees a thank-you, a contact appears, and your team is told.

Here’s the key idea: a useful form is tiny. A brand-new form already comes with a heading, a name, an email, a phone number and a Submit button. Rename it, save it, embed it - that is a working lead capture. Everything past that - your own questions, styling, logic, automation - is opt-in.

Simplest useful form
  1. 1New form (it comes pre-built)
  2. 2Rename it, tweak the wording
  3. 3Save, then Embed it on your site

A new form already has a name, email and phone field and a Submit button. Every submission lands as a contact you can reply to - no logic, no workflow needed.

Advanced · only if you need it

Want more? Add your own questions, styling to match your brand, conditional logic to show fields on demand, and a workflow that fires the moment someone submits.

Add elements and style are optional; logic and workflows are the last two sections - skip until you need them.

Start with the simplest form that works. Add more only when you outgrow it.
Forms make contacts, not “leads” directly
A submission creates or matches a contact. To turn that contact into a tracked opportunity in a pipeline, let a workflow do it on submit - see “Trigger a workflow” below.
Not the same as “Customise Create forms”
This guide is about the public web forms you embed on your site. The New lead and New contact dialogs your team fills in inside the portal are different forms - see Customise the Create lead and Create contact forms.
Step 1

Create a form

1

Open Forms, then New form

Forms sits in the bottom group of the left sidebar, under Analytics. It opens a list of every form in the workspace, with how many submissions each has collected.

app.exabloom.com/contacts
BMBright MindsOrchard
Inbox
Leads
Calendars
Contacts
Bulk Actions
Win-back
Workflows
Analytics
1
Forms
Settings
Contacts
app.exabloom.com/forms
BMBright MindsOrchard
Inbox
Leads
Calendars
Contacts
Bulk Actions
Win-back
Workflows
Analytics
Forms
Settings
Forms
3 forms
2New form
Search by form title...
TitleSubmissionsCreated onUpdated on
Book a trial class2412 Mar 2026, 9:14 AM27 May 2026, 8:02 AM
Weekend open house902 Apr 2026, 3:40 PM02 Apr 2026, 4:05 PM
Holiday camp enquiry019 May 2026, 11:20 AM19 May 2026, 11:20 AM
① Forms in the sidebar opens the list. ② New form creates a form and takes you straight into the editor.
No New form button?
Creating a form needs the Create form permission, editing and saving needs Edit form, and Delete needs Delete form. Your workspace admin sets those on the role - see Roles & permissions.
2

The editor opens full screen

You land in the editor at /form/…. The workspace sidebar is gone on purpose: the editor takes the whole window, and Back at the top left returns you to the list. Along the top are the form’s title (click it to rename - a new form is named “Form #” and a number), three tabs - Editor, Submissions, Settings - then Embed, the Preview toggle and Save.

app.exabloom.com/form/9d2f41ac
Back1Form #3
Editor2SubmissionsSettings
3Embed4Preview5Save
Contact Us
First Name
Enter first name
Last Name
Enter last name
Email
Email address
Phone
+65
Phone number
Submit
Add element
Styling
① Click the title to rename the form. ② The three tabs. ③ Embed. ④ Preview toggle. ⑤ Save - the only thing that saves. Add element and Styling float over the canvas.

Flip the Preview toggle to see the form as a customer would. It shows the last saved version of your public form, not your unsaved edits, so save first and then preview. Editing resumes when you toggle it back off.

The editor doesn’t autosave
Changes live in the editor until you press Save in the top toolbar - and only there. Back returns to the list without asking, so save as you go.
3

Open, duplicate or delete from the list

Later, click a form’s title to reopen it. Hover a row and click the ⋮ at its right for more.

app.exabloom.com/forms
BMBright MindsOrchard
Inbox
Leads
Calendars
Contacts
Bulk Actions
Win-back
Workflows
Analytics
Forms
Settings
Forms
3 forms
New form
Search by form title...
TitleSubmissionsCreated onUpdated on
Book a trial class12412 Mar 2026, 9:14 AM27 May 2026, 8:02 AM
Weekend open house902 Apr 2026, 3:40 PM02 Apr 2026, 4:05 PM
Holiday camp enquiry019 May 2026, 11:20 AM19 May 2026, 11:20 AM
2
Edit
Preview
Duplicate form
Copy to workspace
Delete
① The ⋮ appears when you hover a row. ② Edit reopens the editor. Preview opens the live public form in a new tab; Duplicate form copies it; Copy to workspace sends a copy to another workspace; Delete removes it.
Step 2

Add elements

The palette isn’t always on screen. Click Add element, top left of the canvas, and the Add Element panel slides out. Its six groups start collapsed - click a group to open it, then drag an item onto the form.

app.exabloom.com/form/9d2f41ac
BackBook a trial class
EditorSubmissionsSettings
EmbedPreviewSave
Contact Us
First Name
Enter first name
Last Name
Enter last name
Email
Email address
Phone
+65
Phone number
Submit
1Add element
Styling
app.exabloom.com/form/9d2f41ac
BackBook a trial class
EditorSubmissionsSettings
EmbedPreviewSave
Contact Us
First Name
Enter first name
Last Name
Enter last name
Email
Email address
Phone
+65
Phone number
Submit
Add Element
CONTACT FIELDS
2INPUT FIELDS
Text Input
Text Area
Number Input
3Single Select
Multi Select
Consent Checkbox
DATE & TIME
CONTENT
LAYOUT
ACTIONS
① Add element opens the panel. ② Click a group to expand it. ③ Drag an item onto the form - drop it between two rows, or between the form’s sections.

When you drop an element, the edit panel opens on the right at once so you can name it. Every group, as the panel lists it:

CONTACT FIELDS
Standard Fields, then your Custom Fields (with a count)
Full NameFirst NameLast NameEmailPhoneYour custom fields
INPUT FIELDS
Text InputText AreaNumber InputSingle SelectMulti SelectConsent Checkbox
DATE & TIME
Date PickerTime PickerDate & Time Picker
CONTENT
Text BlockImageDivider
LAYOUT
Collapsible Section
ACTIONS
Submit Button
Everything you can drag in, grouped exactly as the Add Element panel groups it.
  • Input fields - Text Input, Text Area, Number Input, Single Select, Multi Select and the Consent Checkbox (a tick-box with your own wording, such as “I agree to the terms and conditions”; it’s required by default).
  • Date & time - Date Picker, Time Picker, or a combined Date & Time Picker.
  • Content - a Text Block, an Image and a Divider. Layout holds the Collapsible Section. Actions holds the Submit Button.
The Submit button can do two things
Its Action is either Message - a thank-you shown after submit (the default: “Thank you for taking the time to complete this form. We’ll get back to you shortly”) - or Redirect to a URL you enter. Pick whichever fits your follow-up. The button’s text defaults to “Submit”.
Step 3

Fields that fill a contact

This is the part that makes a form a lead capture tool, not just a survey. The first group in the panel is Contact Fields: Standard Fields (Full Name, First Name, Last Name, Email, Phone) and your contact Custom Fields, shown with a count. Answers to these are written onto the contact Exabloom creates.

Contact field

Dragged from Contact Fields - a Standard field (Full Name, Email, Phone…) or one of your Custom Fields. The answer is written onto the contact’s record.

Plain input

A loose Text Input, Single Select or Date Picker that isn’t mapped to a contact property. It’s captured in the submission and available to workflows - but it doesn’t change the contact on its own.

A contact field updates the contact’s record. A plain input is only stored in the submission.
Some standard fields grey out
Each standard contact field can go on a form only once - once it’s on the canvas, the panel greys it out. Full Name and First/Last Name are also mutually exclusive: with a Full Name on the form you can’t add First Name or Last Name, and the other way round. To collect something for your own records - “How did you hear about us?” - use a plain input or a custom field instead. Custom fields are created in Set up custom fields.
Step 4

Arrange the canvas

The canvas is a single column: every element sits in its own row, stacked top to bottom. Full Name is the one element that puts two boxes side by side (First Name and Last Name).

app.exabloom.com/form/9d2f41ac
BackBook a trial class
EditorSubmissionsSettings
EmbedPreviewSave
Contact Us
First Name
Enter first name
Last Name
Enter last name
Email
Email address
Phone
+65
Phone number
Programme
Select option
1
Submit
Click a row to select it. ① Its violet frame and mini-toolbar appear; the gear reopens the edit panel and the bin deletes the row.
  • Reorder by dragging a row up or down the form.
  • Delete an element by selecting its row and clicking the bin in the little toolbar beside it. There’s no delete button inside the edit panel.
  • Group with a Collapsible Section (Layout group). Drop one in, then drag fields into it: an empty one reads “Drag elements to this container”. Select it to give it a heading; it has its own gear and bin too.
Step 5

Edit a field

Click any element on the canvas to open its edit panel on the right. The header names the element type, and the panel is organised in collapsible groups - General is open, the rest start closed.

app.exabloom.com/form/9d2f41ac
BackBook a trial class
EditorSubmissionsSettings
EmbedPreviewSave
Contact Us
First Name
Enter first name
Last Name
Enter last name
Email
Email address
Phone
+65
Phone number
Programme
Select option
1
Submit
Input Single Select
General
Is initially hidden
Is initially disabled
2Is required
Label & Content
Options
3Advanced
① Click the field. ② General: Is initially hidden, Is initially disabled, Is required. ③ Advanced holds the Query key - click it to open.
Input Single Select
General
Label & Content
Options
Advanced
Query key
4
programme
④ With Advanced open: the Query key, the field’s real name.
  • General - Is required, plus Is initially hidden and Is initially disabled (start a field tucked away or greyed out, then reveal or enable it with conditional logic). A Single Select also has Display as - Dropdown or Radio buttons.
  • Label & Content - Show label, the Display text (the question) and the Placeholder. Single and Multi Select fields add an Options group where you add, rename, reorder and delete each choice; date fields add range options.
  • Advanced - the field’s Query key.
The Query key is the field’s real name
Every field has a Query key - a short id like programme that must be unique on the form and use only lowercase letters, numbers and underscores. It’s not cosmetic: it’s the name the answer travels under into a workflow (form_submission.data.programme) and the key the submission is stored under. Rename a key with care once a form is live - workflows that reference the old key won’t find the new one.
Full Name is two fields in one
The Full Name element has separate First Name and Last Name groups in its panel, each with its own label, placeholder and Query key. First Name is always required; Last Name is optional until you switch on its own Is required. Show labels in General prints both labels above the boxes.
Step 6

Style it to your brand

Click Styling, top right of the canvas, to open the Form Styling drawer. Styling here is form-wide - set it once and every field follows. It has four groups, all closed until you click them.

app.exabloom.com/form/9d2f41ac
BackBook a trial class
EditorSubmissionsSettings
EmbedPreviewSave
Contact Us
First Name
Enter first name
Last Name
Enter last name
Email
Email address
Phone
+65
Phone number
Submit
Add element
Form Styling
Background
2Form Container
Width
600
Border Shadow Color
#ffffff
Border Shadow Blur Radius
10
Input Fields
Custom CSS
1Styling
① Styling opens the drawer. ② Click a group to open it - Form Container shown here, with Width, Border Shadow Color and Blur Radius.
  • Background - the colour and opacity behind the form.
  • Form Container - the form’s Width and its border shadow (colour, opacity, blur radius).
  • Input Fields - label text, input text, outline and background colours, applied to every input at once.
  • Custom CSS - your own rules when you need pixel control the groups don’t cover.
Two things style themselves
The Submit Button and the Text Block carry their own appearance settings in their edit panels (font size, weight, colours), so they override the form-wide look. Match the button’s background colour to your brand and you’re done.
Step 7

Save it

Press Save, top right. A “Successfully saved form” toast confirms it. Saving does two things: it stores your edits and it publishes the form’s public config, so the form at its public link (and anywhere you’ve embedded it) updates straight away.

Before it saves, the editor checks the form has the basics to reach a person. If it doesn’t, you’ll see a Complete Your Form prompt and nothing is saved:

app.exabloom.com/form/9d2f41ac
BackBook a trial class
EditorSubmissionsSettings
EmbedPreviewSave
Contact Us
First Name
Enter first name
Last Name
Enter last name
Email
Email address
Phone
+65
Phone number
Submit
Complete Your Form

Your form doesn’t meet the minimum requirements for publication. Please ensure the form contains the following required elements:

Submit button

Submit button is required

User Identification

First Name field OR Full Name field

Contact Information

Email field OR Phone field is required

These requirements help ensure we can identify and contact form submitters.


1Back to editor
Save on a form that’s missing its contact basics opens this. ① Back to editor closes it so you can add what’s missing.
What actually blocks the save
The prompt lists three requirements, but the check is looser: it blocks only when the form has neither a name field nor an Email or Phone field. In practice you want all three - a form with no Submit button can’t be sent, and one with no contact field can’t reach anyone. A new form has all three, so you only meet this prompt after deleting things.

Submission → contact

When someone hits Submit, Exabloom reads the contact fields off the form and decides whether this is a new person or one you already know - by phone number:

Submission
Full nameMei Ling Tancontact field
Phone+65 8123 4567contact field
ProgrammeWeekend intensiveplain input
Does a contact with this phone exist?
Yes
Reuse that contact, change nothing on it
No, or no phone
Create a new contact, source “Web Form”
Matching is by phone. With a matching phone the existing contact is reused untouched; otherwise a new contact is created.
De-duplication is by phone only
If the submission has a phone number that matches an existing contact, Exabloom reuses that contact. With no phone - say an email-only form - every submission creates a brand-new contact, even if that email already exists. If clean, de-duplicated contacts matter to you, keep the phone field.
A matched contact isn’t updated
Name, email and custom-field answers are only written when the contact is first created. When a submission matches an existing contact by phone, the answers are still kept in the submission, but they don’t overwrite anything on that contact. To update an existing contact from a form, do it in a workflow.
Step 8

Put it on your website

Every saved form has a public link (Preview in the ⋮ menu on the Forms list opens it). To show it on your own site, embed it.

1

Click Embed

app.exabloom.com/form/9d2f41ac
BackBook a trial class
EditorSubmissionsSettings
1EmbedPreviewSave
Contact Us
First Name
Enter first name
Last Name
Enter last name
Email
Email address
Phone
+65
Phone number
Submit
① Embed sits in the top toolbar of the editor.
2

Pick a method and copy the code

app.exabloom.com/form/9d2f41ac
BackBook a trial class
EditorSubmissionsSettings
EmbedPreviewSave
Contact Us
First Name
Enter first name
Last Name
Enter last name
Email
Email address
Phone
+65
Phone number
Submit
Embed Form
Add this code to your website
Embed Method
1
JavaScript Embed
Recommended
iFrame Embed
Isolated
JavaScript Embed Benefits
  • Better responsive design integration
  • Seamless styling with your website
  • More customization options
Embed Code Copy
<script src="…/forms/form.js"></script>
<script>
ExabloomForm.init({ configId: '…' });
</script>
Close2 Copy Code
① JavaScript Embed is selected by default. ② Copy Code puts the snippet on your clipboard (the button says Copied! for a moment).
  • JavaScript Embed (recommended) - a small <script> that calls ExabloomForm.init. It fits your site’s responsive layout and styling most seamlessly.
  • iFrame Embed - drops the form in an isolated frame, shielded from your page’s CSS and simple to paste anywhere.
3

Paste it into your page

Paste the snippet into your site’s HTML where the form should appear - most website builders have a “custom code” or “embed” block for this. Here’s the result on a customer’s website:

brightminds.sg/contact
Bright MindsClassesFeesContact
Contact Us
First Name
Email
Phone
Submit
The form, live on brightminds.sg/contact. The same form can be embedded in as many places as you like; they all feed one submissions list.

Read your submissions

Every submission shows up under the Submissions tab as a row - submitted time, then a column for each input field (headed with the field’s label). A Full Name shows as first and last name together, and a Consent Checkbox shows Yes or No. The Submissions count on the Forms list is the same number.

app.exabloom.com/form/9d2f41ac
BackBook a trial class
Editor1SubmissionsSettings
EmbedPreviewSave
Form Submissions2Download
Submitted atFull nameEmailPhone
27 May 2026, 9:14 AMMei Ling Tanmeiling@example.com+6581234567
27 May 2026, 8:02 AMArjun Raoarjun@example.com+6590012233
26 May 2026, 6:41 PMSiti Noorsiti@example.com+6587775511
Rows per page:20Page 1
app.exabloom.com/form/9d2f41ac
BackBook a trial class
EditorSubmissionsSettings
EmbedPreviewSave
Form SubmissionsDownload
Submitted atFull nameEmailPhone
27 May 2026, 9:14 AMMei Ling Tanmeiling@example.com+6581234567
27 May 2026, 8:02 AMArjun Raoarjun@example.com+6590012233
26 May 2026, 6:41 PMSiti Noorsiti@example.com+6587775511
Rows per page:20Page 1
Download submissions

Up to 5,000 submissions will be included.

Submissions are sorted by most recent first. If your form has more than 5,000 submissions, the oldest ones will not be included in the export.

The export will be downloaded as a CSV file containing all submitted fields and timestamps.

Cancel3Download CSV
① The Submissions tab. ② Download opens the export dialog. ③ Download CSV saves the file (up to 5,000 of the most recent submissions).

Pages hold 20, 50 or 100 rows (Rows per page, bottom right). The CSV has all submitted fields and timestamps.

Optional

Email your team

Want a copy of each submission in someone’s inbox? Open the Settings tab, find Email Notifications and pick Recipients - workspace teammates, up to 20. Each submission then emails them a “New submission: your form’s title” message.

app.exabloom.com/form/9d2f41ac
BackBook a trial class
EditorSubmissions1Settings
EmbedPreviewSave
Email Notifications

Email these people a copy of every submission to this form. Someone who leaves the workspace stops receiving them.


Recipients
2
Priya NairDaniel Lim

2 of 20 recipients selected.

Recipients are saved with the rest of the form - remember to hit Save.

① The Settings tab. ② Recipients: choose who is emailed. Nobody is emailed until you pick someone.
Recipients need a Save too
Recipients are saved with the rest of the form. Pick them, then press Save. Someone who leaves the workspace stops receiving the emails.
Advanced

Conditional logic

Everything so far is the common case. From here on is the advanced tier - skip it unless a plain form isn’t enough. In the Settings tab, Conditional Actions let the form react to what people type. Each rule is when this condition is true, do these actions.

app.exabloom.com/form/9d2f41ac
BackBook a trial class
EditorSubmissions1Settings
EmbedPreviewSave
Conditional Actions

Set up conditional logic to make your form respond dynamically to user input.


New condition 1
2Add Conditional Action
Email Notifications

Email these people a copy of every submission to this form. Someone who leaves the workspace stops receiving them.


Recipients
Priya NairDaniel Lim

2 of 20 recipients selected.

Recipients are saved with the rest of the form - remember to hit Save.

① Settings tab. ② Add Conditional Action adds a card called “New condition 1” (click its name to rename; click the chevron to open it).
New condition 1

WHEN

ProgrammeIs any ofOther
Add conditionandor
Add condition group

THEN

1Show ElementTell us more
Add action
An opened rule. WHEN holds condition groups (each with its own and / or); THEN lists the actions. This one reveals a follow-up field only when someone picks “Other”.

The actions you can take on a field or section are:

Show ElementHide ElementEnable ElementDisable ElementClear Field

Conditions combine with and / or, and each field type brings its own operators (text contains, number greater than, date before, single select is any of…). Drag the grip at a card’s left to reorder rules. Pair Is initially hidden on a field with a Show Element rule to reveal it on demand.

Advanced

Trigger a workflow

A form on its own just stores submissions. To act on a lead the instant they submit - auto-reply, tag, route, start a nurture - pair it with a workflow. Add a Form Submitted trigger, choose this form in its Form list, and the workflow runs on every submission. Building the workflow itself is covered in Automate with workflows.

Form Submitted
Trigger Name
Form Submitted
Form
Book a trial class
Optional filters on the submission’s answers go below.
The Form Submitted trigger: name it, then choose which form starts it. Filters on the submission’s answers are optional.

Inside the workflow, the submission is available as a Form Submission - each answer under its Query key (e.g. form_submission.data.programme) to drop into messages or If/Else branches. The new or matched contact is available too. Phone and Full Name answers arrive as small groups (country code and number; first and last name) rather than one string.

Every submission runs it
The trigger fires for every submission, including a repeat from someone already in Contacts. Use the trigger’s filters, or an If/Else on a field, if you only want some of them.
Facebook lead forms are separate
The Form Submitted trigger is for forms you build here. Lead ads from Facebook use their own Facebook lead form submitted trigger - different source, same idea.

Forms to copy

Four common forms, each built from the pieces above. Adapt, don’t copy exactly.

1 · Website enquiry

The bread-and-butter lead capture: name, contact, a short message, embedded on your contact page.

Name + Phone→Message (Text Area)→JavaScript embed
2 · Booking / trial intake

Capture a name and phone plus what they want, then auto-route by their choice.

Programme (Single Select)→Form Submitted→If/Else on Programme
3 · Qualifying form

Ask follow-up questions only when they matter, so the form stays short for everyone else.

Needs (Multi Select)→Show Element rule
4 · Instant-reply lead magnet

Trade a guide or quote for contact details, then reply the second they submit.

Name + Phone + Email→Form Submitted→Auto-reply + tag

Good to know & pitfalls

  • A form makes a contact, not a lead. Use a workflow on submit if you want it tracked in a pipeline.
  • Only contact fields touch the contact. Plain inputs live in the submission (and are visible to workflows) but don’t change the contact record by themselves.
  • De-duplication is by phone. A form with no phone field creates a fresh contact every time - keep the phone field if you care about merging.
  • A matched contact isn’t updated. Answers are only written onto a contact when it’s first created; a phone-matched repeat only adds a submission.
  • Save publishes. Saving updates the public form straight away; embedding puts it on your site. Preview shows the saved version, so save before you check.
  • Nothing autosaves. Press Save often - Back returns to the list without asking, and unsaved edits are lost.
  • Query keys are the contract. Keep them unique and stable - renaming a key after a form is live breaks workflows that point at the old name.
  • Hidden means initially hidden. A field marked Is initially hidden stays hidden unless a Conditional Action shows it - don’t hide a field you want answered.

Need a hand?

Our Singapore-based team is one message away - happy to help you get set up.