Ibexa DXP Features

Form Builder

Create online forms with an intuitive drag and drop builder
Form Builder_Header.jpeg

Easily Capture and Manage User Form Data

Online forms are used by organizations to collect information from their website visitors. With Form Builder, Editors can create and manage online forms without any technical skills. These forms can be used anywhere on the website and are ready to start collecting information.

Form Builder is delivered with Ibexa Experience and Ibexa Commerce.

How does Form Builder Work?

Form Builder user interface consists of:

  • Drop zone to build the form
  • Form fields toolbar
  • Save and Back button
     
form_builder_1.png

Creating the Form

Editors can leverage 14 out-of-the-box form fields to create forms. Some of the fields available to the Editors are Input field, Checkbox, Dropdown, Email, Date, Button etc. 

For example, creating a contact form
To create a form to capture Name and Email address, the editor can drag fields from the toolbar and drop it one by one on to the drop zone. The dropped fields can be rearranged in a sequence to the Editors liking. Each field is then configured so that the form collects the exact details they need.
 

form_builder_2.png


For regular form fields, the editor defines the labels and how the fields should be filled out and what values should be allowed or are required. Form field have validators like required, min/max length, regular expression pattern, allowed file size etc.
 

form_builder_3.png


To configure the Button field, the editor can define the label of the button but also choose from a list of actions that will occur after form submission. The editor can select either to show a message or redirect to a URL/ content item. 

Once the forms are created, they can be translated into different languages when working on a multilingual website.

Management of Forms

There is no limitation on the number of forms an editor can create. Common practice in Marketing teams is to create a new form for every company event or marketing campaign. It can be a challenge for editors to find the right form or keep creating the same form over and over. Like any content item, forms can be copied, moved, versioned, structured into folders or deleted making management extremely easy and efficient.
 

form_builder_4.png

How to use the Forms

Editors can use the created form anywhere on the website. Forms can be used in page blocks, embedded in the online editor or even used as a field relation. The same form can be placed at multiple locations on the website.
 

form_builder_5.png

Managing Form Submissions

All the form submissions are stored in a separate database table. The submissions can be viewed by the editor from the Admin UI, under the "submissions" tab. In addition, editors can manage user submissions by language as well.

The user submissions can be easily downloaded to a CSV file for further analysis.
 

form_builder_6.png

 

form_builder_7.png