Video tutorial about building forms.
Building4 Min.5 Min.

How to build your forms in the form builder

Let's have a quick look on the principles of our form builder, how to add the desired content (like question blocks, welcome and closing messages) and how to add some smartness to it all.


Concept of the form builder

As you may have noticed, our form builder is a bit different from traditional form builders. Let us explain some principles of our form builder.

Storyboard

The form builder is intended to build smart forms. Smart forms need logic and that's what the form builder helps you with: it shows a visual presentation of the flows in your forms on a storyboard.

  • The top-down direction shows the order of the form blocks inside the form;
  • The left-right direction shows decisions inside the form that can be taken depending on the input of your respondents. We call those decisions branches.

Gestures

The form builder works with some smart gestures to navigate through the storyboard and to drag-and-drop items on the storyboard. Please have a look at the video tutorial below or at this article to learn how to control the form builder: Learn the basic controls to use the form builder.

Video tutorial about using the form builder.

Start and end

When you start a new form in the form builder, all you see is a green bubble with a icon and a red bubble with a icon. Those two bubbles indicate the starting point (green) and ending point (red) of your form.

You can use the green and red bubble to add a welcome message and a closing message to your form (or even multiple closing messages, based on your respondent's answers).

In between the green and red bubble, we're going to build our form structure.

Screenshot of a welcome message in Tripetto
Add a welcome message.

Form blocks

The actual content of your form gets determined by the form blocks you add in the form builder. After you added a form block you can select the desired block type. We offer two types of blocks:

  • Question blocks

    Question blocks can be used to let your respondents interact with your form. For each question block you can select the question type. The question type takes care of the input control that is associated with each block.

    Examples of question types are text (single and multiple line), multiple choice, picture choice, checkboxes, radio buttons, date, matrix, file upload, etc.;

  • Action blocks

    Action blocks, just like question blocks, can be used anywhere in the form, but instead of providing a certain input, it performs a certain action.

    Examples of actions are performing a calculation, sending an email or prefilling a value in a question.

Block features

When you have selected the desired block type, you can enter the content/settings for that block. On the left of the block pane, you'll see a list of block features. These are switches you can toggle to add content and settings to each form block.

Screenshot of features in Tripetto
Enabling the needed features of a block.

Common block features

Most of these block features are available for all question types, for example:

  • Text - The main text of the form block;
  • Description - An optional description of the form block;
  • Help text - An optional help text of the form block;
  • Required - An option to determine if the question is required to fill out by the respondents;
  • Visibility - An option to determine if the block is visible in the form;
  • Alias - An option to set an alias to use in the dataset (more information on alias over here);
  • Exportability - An option to determine if the collected data gets saved (more information on the exportability over here).

Discover all form blocks

We have made dedicated help articles for each block type we offer. Select one from the list below to see full details about that block type.

Discover our form blocks

How to use the...

Sections

All form blocks are placed within sections. Sections are the containers for the questions you're asking/actions you're performing. You can use sections to add logic and create cuts inside your form.


Logic branches

To create the necessary logic for smart forms, you use so called branches. By adding the desired branch conditions and branch behavior you determine what condition(s) must be matched to enter a certain branch in the form. Branches are very powerful and you can read all about it in this article.

Underneath each branch you can fill in the follow-up, containing the form blocks and/or logic that respondents get to see when they have entered a certain branch in the form.

At the end of each branch you can select how the form should proceed after that branch is completed by your respondents. You can choose from different types of branch endings.

Screenshot of branches in Tripetto
Example of a branch.

Video tutorials

We also made some video tutorials about how to use the storyboard of Tripetto.

Video tutorial about arranging form elements.
Video tutorial about navigating the storyboard.

More video tutorials

You can have a look at all our help articles for more in-depth (video) tutorials to get the most out of Tripetto. Or have a look at our YouTube channel for all videos.

In this article

    Help us improve