Skip to main content
The Formora Form Builder is the heart of your form creation process. It’s a powerful, yet easy-to-use visual environment where you can design everything from simple contact forms to complex multi-page surveys with conditional logic, all without writing a single line of code. This introduction will familiarize you with the builder’s interface, core components, and the general workflow for creating and customizing your forms.
Annotated screenshot of the Formora Form Builder showing Toolbox, Canvas, Properties Panel, and Top Bar Actions.

The Formora Form Builder Interface - Design, Configure, and Launch

​
Understanding the Builder Interface

The Form Builder is typically divided into a few key areas:
Located on the left side, the Field Toolbox contains all the available input fields and layout elements you can add to your form. This includes:
  • Text Inputs (single line, paragraph, email, URL, etc.)
  • Numerical Inputs (number, slider)
  • Date & Time Pickers
  • Choice Fields (radio buttons, checkboxes, dropdowns)
  • File Uploads
  • Layout Elements (headings, paragraphs, dividers, page breaks for multi-page forms)
  • Advanced Inputs (ratings, signature, payment fields - if applicable) You simply drag an element from the toolbox and drop it onto the form canvas.
Screenshot of the Field Toolbox with various field types.

Field Toolbox - Your Building Blocks

The central area is your form canvas. This is where you visually construct your form by arranging the fields you drag from the toolbox. The canvas provides a live, interactive preview of how your form will look to end-users. You can select fields on the canvas to edit their properties, reorder them by dragging, or delete them.
When you select the form itself (e.g., by clicking its title or background) or any specific field on the canvas, the Properties Panel (usually on the right) becomes active. This panel is contextual and displays all the settings and customization options for the selected item:
  • For Fields: Label, placeholder text, help text, validation rules (required, min/max length, format), default values, conditional visibility, styling options, etc.
  • For the Form: Form title, description, layout (single-page, multi-page), theme/styling, submission settings (success message, redirect URL), notifications, integrations, etc.
Screenshot of the Properties Panel showing options for a selected text field.

Properties Panel - Contextual Settings

Across the top of the builder, you’ll find essential action buttons:
  • Save: Saves your current progress on the form design and settings.
  • Publish/Unpublish: Toggles the live status of your form. Published forms are accessible online.
  • Preview: Opens a full-screen preview of your form as users will see it, often allowing for test submissions without saving data.
  • Share/Embed: Provides access to the direct link and embed codes for your form.
  • Form Settings: Often a shortcut to the form-level properties in the right-hand panel.

​
General Workflow in the Builder

Building a form in Formora generally follows these steps:
1

Start a New Form

From your dashboard, click ”+ New Form” and choose to start from scratch or select a pre-built template.
2

Add Fields

Drag desired field types from the Toolbox onto the Form Canvas.
3

Configure Field Properties

Select each field on the canvas and use the Properties Panel to customize its label, placeholder, validation, and other settings. Refer to Field Properties.
4

Arrange and Organize

Reorder fields on the canvas by dragging them. For longer forms, consider using Layout Elements like headings or page breaks (for multi-page forms).
5

Configure Form-Level Settings

Select the form itself (e.g., by clicking outside any field or on its title) and use the Properties Panel to set the form title, layout & theming, submission behavior, and other form-wide options.
6

(Optional) Implement Conditional Logic

Set up rules to show or hide fields, or skip pages based on user input. See Conditional Logic.
7

Save & Preview

Regularly Save your work using the button in the top bar. Use the Preview button to see how your form looks and behaves.
8

Publish & Share

Once you’re happy with your form, Publish it to make it live. Then, use the Share/Embed options to distribute it. See Sharing & Embedding.

​
Key Capabilities

The Formora Builder empowers you to:
  • Choose from a wide array of Field Types to capture the exact data you need.
  • Define detailed Field Properties, including input validation and styling.
  • Control the overall Form Settings, like multi-page navigation and what happens after submission.
  • Apply sophisticated Conditional Logic to create dynamic and personalized user experiences.
  • Customize the Layout & Theming to align with your brand identity.
  • Start quickly by Using Templates for common use cases.

​
Explore Further

This introduction provides a bird’s-eye view. To master the Form Builder, dive into the specific sections within this “Form Building” documentation category:

Field Types Deep Dive

Explore every field type available and its specific configuration options.

Mastering Field Properties

Learn about all common and advanced properties you can set for your fields.

Configuring Form Settings

Understand all the global settings that control your form’s behavior and appearance.

Styling and Theming

Customize the visual presentation of your forms.
Happy building with Formora!
⌘I