Who This Is For / When to Use
Use this guide if you want to:
Change how form fields are laid out (single column, two column, or single line).
Adjust spacing, widths, and label alignment.
Style radio buttons and checkboxes.
Add header images, background images, or brand colors.
Control how and where a form is embedded on a site.
Accessing the Form Builder
Go to Sites > Forms.
Select an existing form or click Add Form.
Click the form name to open the builder.
Adding Form Fields
Add Standard Contact Fields
Open the Quick Add tab on the left panel.
Drag fields such as First Name, Last Name, Phone, or Email into the form.
Add Object Fields
Switch to Add Object Fields.
Choose the object (for example, Contact).
Click Add next to the fields you want.
Layout Types
Layout settings apply to the entire form and are configured from the right panel under Styles > Layout.
Single Column Layout
Fields stack vertically.
Best for longer forms and mobile readability.
Two Column Layout
Fields are displayed side-by-side.
Useful for compact layouts.
Single Line Layout
Up to five fields in one horizontal row.
Designed for short capture forms.
Field Width and Spacing
Field Width
Controls overall form width in pixels.
Found under Styles > Layout > Width.
Field Spacing
Controls vertical spacing between fields.
Set a pixel value under Field Spacing.
Element-Level Label Alignment
Each field can override the global label position.
Select a field.
In General Settings, choose Label Alignment:
Left
Right
Top
Form Default
Save the form.
Label alignment works when the form is using a Single Column layout.
Styling Radio Buttons and Checkboxes
Spread to Columns
Distributes radio buttons or checkboxes across multiple columns.
Available under the Options tab for the element.
Bubble Style
Applies a rounded, modern visual style to radio buttons.
Toggle under Options > Style.
Colors, Backgrounds, and Images
Background and Font Colors
Set form background color.
Set font and input background colors.
Header Image
Appears at the top of the form.
Spans the full form width.
Background Image
Covers the entire form page.
All options are located under Styles > Colors & Background.
Custom Branding
You can:
Add brand colors.
Upload logos.
Apply consistent styling across forms.
Branding settings help maintain visual consistency across all forms and surveys.
Saving and Previewing Forms
Click Preview to test the form.
Click Save to apply changes.
Embedding and Sharing Forms
Click Integrate.
Choose an embed layout:
Sticky Sidebar
Polite Slide-In
Popup
Inline
Configure trigger and activation rules.
Click Copy embed code.
Common Issues and Fixes
Field alignment looks incorrect
Ensure the correct Layout Type is selected.
Check individual field Label Alignment overrides.
Radio buttons not aligning evenly
Enable Spread to Columns.
Set the correct number of columns.
Background image not visible
Confirm the image is uploaded under Background Image, not Header Image.
Check contrast with form background color.
FAQ
How can I customize the appearance of my form?
You can adjust layout type, field spacing, field width, colors, and images from the Styles panel on the right side of the form builder.
How do I change the form layout?
Select Single Column, Two Column, or Single Line under Styles > Layout and save the form.
Can I add my logo and branding to a form?
Yes. Upload header images, background images, and set brand colors under Colors & Background to match your branding.
Will layout changes affect existing forms?
No. Layout and column changes apply only to the form being edited and do not impact other forms.
Can I change label positions for individual fields?
Yes. Use Element-Level Label Alignment to set label placement per field when using a Single Column layout.
Can I use Custom CSS?
Yes. Advanced users can add Custom CSS under the Advanced tab for additional styling beyond built-in options.