Form Builder

Here is where you design and edit your forms.

The form builder is where you can design and edit your forms in Array. The form builder also contains all the information for that specific form such as any submissions and all the sharing option. 

In this article, we'll be showing you:

- Our Form Builder

- An overview of the tabs – Create, Share, Connect and Results

- Location of features

Our Form Builder

When you design a new form or edit an existing form, you will do so through our form builder. Once you click on your new or existing form, the form builder will load up on the 'Create' tab

formbuilder-2

‘Create’ is where you create and design your form. Our form builder uses the drag and drop system with the elements from the toolbox.

The Tabs

At the top of the form builder you have several options on this form - Create, Share, Connect and Results.

formtabs

Share

When you click on Share you will be shown the sharing options on this form in the top right hand side. The tab options are:

Public Settings - this includes the options for URL Redirect, Passwords, Logo, Complete Text, Button Alignment and Analytics Tracking ID.

Email - this tab allows you to share the form via Email

Link - this includes the public link and the QR code. You can also share the form straight to your social media accounts.

Embed - this option gives users the iframe and HTML codes.

Custom Link - this tab allows users to create a custom link for the form.

sharetab

Take a look at Share on Form Builder support doc for a more detailed look at ‘Share’

 

Connect

When you click on the ‘Connect’ tab you will be shown how to connect your form with others, with apps or webhooks. The options on this tab are:

Automation – set up an email copy

Storage – Connect to storage apps we integrate with such as Google Drive

Webhooks – set up a webhook

connecttab

 

Results

When you click on the ‘Results’ tab you will be taken to the submission view of any submissions made using this form.

Take a look at Results in Form Builder for more information on this page.

Features on the Form Builder

The form builder has loads of features and setting built into it. Starting in the top left hand corner of the form builder is 'Undo', 'Redo' and 'Reload Last Published Version' buttons.

redo

These will allow you to either 'Undo' and 'Redo' any changes they have made. If you wish to reset all unpublished changes to the form click on 'Reload Last Published Version' button. 

Above these buttons are the 'Back' button and the form name

name

If you click the back button it will take you back to your list of forms. If you click on the form name you'll be able to change the name of the form. 

If you wish to save the form you click on 'Publish' in the top right hand corner.

preview

The button next to the 'Publish' button is 'Device Preview'. Clicking on this will allow you choose to view your form on a mobile or tablet preview. Only published form will display on the previews. 

Mobile

preview2

Tablet

preview3

Above the form is the 'Add Page' button to add new pages to your form. 

addnewpage

Located down the left hand side of your forms is the Plus Button.

Plus Button

On the right hand side of the page is the toolbox, with several tabs full of different elements you can use to build your form. 

Text Elements

Under the Toolbox tabs is the 'Functions' tab so you can build in functions to your forms. 

functions-1

Under the functions tab is 'Theme' and 'Settings' icons.

theme

Clicking on the 'Theme' icon will apply you to apply a theme to your form. Take a look at Form Themes support doc to see how to build a theme. 

Clicking on 'Settings' will allow you to change the form settings. Form Settings doc take a more detailed look at the settings available.