Generic selectors
Exact matches only
Search in title
Search in content

New User Interface & Navigation on 123FormBuilder

We always strive to provide an intuitive user interface and fluent experiences. Here are the highlights of the enhancements that we made with our user interface and navigation on our form builder.


Navigation

Once you start creating a form, you will notice that we have 4 important navigation steps: Create – Set up – Publish – Results.

We will take each section one by one to explain them better, but the important thing is that each section has its own purpose in creating and defining your form better in order for you to make the most out of it.

Navigation 123FormBuilder


Create

You can easily switch between Fields (to add fields to your form), Design (to apply design changes to your form), Thank you (to configure the Thank you screen shown after submitting the form), Rules (to apply field rules & form rules) and Payments (to add & enable a payment processor on your form.

You can navigate from one subsection to another either by clicking on the left side panel icons or by going to the main navigation, clicking on the arrow that expands all the subsections you can find within a section.

Create section

By default, Fields section is the one selected when you start creating the form as it represents the core structure. This contains the list of fields that are organised under different sections for your Form Editor. This section has seven categories: Essentials, Contact details, Media & Structure, Uploads & Consent, Date & Time, Rating scales, E-commerce & Calculations.

All the fields can be dragged & dropped to the form and customised as you wish. Once you have added a field on your form, a right side panel will open up. From here, you can customize the newly added field.

You can modify its label (question text), add any instructions that might help your respondents to provide an answer to your question, mark the field as required and creat any validation. In order to customize each field, all you have to do is simply click on the field you are interested in bringing changes to and the right side panel with the field’s settings will open up.

Right side panel settings 123FormBuilder

By navigating to the Design section, you can change just about anything on your form, from text font and color to the style of the submit button. Expand the section you are interested in applying changes to in order to find more design settings. From the Design section you can also change the theme of the form, by clicking on Browse other themes.

Design section

If you want to change the screen your respondents see after they submit the form, then you have to go to Thank you section where you can find multiple options.

Thank you page

You can make your form more dynamic by changing the behavior of your form based on the input provided by your respondents. By navigating to the Rules section, you can apply field rules & form rules.

Rules 123FormBuilder

Maybe one of the most important sections, especially if you are creating an order form, is Payments. From here, you can choose the payment processor that fits your need. Once added on the form, from the right side panel, you will need to provide additional information in order to enable the payment processor.

Payments section 123FormBuilder

Set up

After you have the structure of your form, it is most likely you are interested in making it more powerful. The Set up section offers you multiple customisations for your form.

Set up section

By default, Emails is selected. From here, you can create & customise the emails you want to send out after the forms is submitted.

Emails section

The Integrations section offers you multiple options of connecting with over 30 third-party app integrations. You will find 3rd party apps specialized in email marketing, CRM, Data management, Utilities and social. We also included our Zapier most used connections.

Integrations setion

You can even create a sequence of steps that are required to mark a submission as accepted according to established approval rules by going to Approvals.

Approvals section

In the More options, you can set up languages/translations, apply extra security measures and advanced settings such as adding a JS script to your form.

By using the Schedule section, you can open your form to submissions between a predefined timeframe or only on selected days of the week. In case you have subusers, you can also make your form active only for yourself and your team.

Schedule section

Languages offers you the option of creating a multilanguage form by adding translations for each language. If you want to create a password for accessing your form or set a limit for your submissions, Security is the place to do it. Advanced is the section from where you can add scripts to your form, allow users to edit and save for later their entries, and many more.

Languages sextion

Preview

You can preview the form by clicking on the Preview button. Here you can switch from a desktop view to either tablet or mobile view. Additionally, for Tablet & Mobile view, you can check two different views: Portrait & Landscape. These features are really helpful for you to test how the form would look like on different devices in order to make sure your respondents have the smoothest experience when completing the form.

Extra tip: based on your form, we are calculating an estimated time it would take your respondents to complete the form. Pay attention to it and make sure your forms are easy and quick to fill out in order to make the best out of them.

Preview section


Publish

When you are satisfied with how your form looks like and you have applied all the configurations that you needed, all you have to do is Publish your form and share it with your respondents.

By default, Share form is the first section of Publish. From here you can copy the link of your form, quickly share your form on social media, create a QR code for your form or even download it as a PDF. The option that brings the best personalisation to your form is adding a custom domain.

Publish section

Embed form section offers you multiple embedding options: you can use the classic JavaScript code or switch to an iFrame. If you want your form to simply pop-up on your website, simply select Auto pop-up and copy the provided code. A more modern approach would be embedding your form as a Floating button – just customise the text, color and alignment and there you go: the code ready to be copied and embedded.

Embed section

Platforms section acts as a quick sharing method on one of the most popular platforms.

Platforms

If you want to add Google Analytics on your form in order to track its performance, click on Tracking and provide your information.

Tracking section

Results

After you have made a test submission or started to gather real submissions, the next step would be to check your Results.

In the Results section, you can find all the collected data. This is divided into three sections: Insights, Submissions and Reports and you can easily navigate between sections.

Results section

By default, Insights is selected. Here you can find quick information related to your form’s performance, such as the number of views & submissions your form gathered, submission rate and how much it took your respondents on average to complete your form.

Additionally, you can find information related to the devices, referrers and locations your respondents viewed and submitted the form from.

By navigating to Submissions, you can check out the submissions table – all submissions your form has gathered in one place. Reports, on the other hand, offers you the possibility of creating custom reports, besides the standard one, where you can easily visualise the data your form has gathered under charts and graphs.

Reports 123FormBuilder

Frequently Asked Questions

Here is a list of the most frequently asked questions. For more FAQs, please browse through the  FAQs page.

Is this service free?
Yes, we offer a free form builder service. Just sign up to the Basic plan and you are all set. This plan is forever free, but you are limited with a few features only, such as 5 forms per account, 100 submissions per month and you have to keep the backlink to 123FormBuilder on your forms. Check out our features matrix for more information.
How many forms can I create?
It depends on the service plan you are on. Higher service plans enable more features, including more web forms for your account. If you need more forms, go to the My Account section of your account and click the upgrade button. To create an unlimited number of forms, either upgrade to the Platinum service plan or higher. Consult our features matrix for more information.
How can I publish my forms?
You can publish your forms in many ways, by using their direct URL or HTML link, embedding them with a JavaScript code, Inline HTML or iFrame, using the Facebook app or the WordPress plugin, using popups, the Blogger code snippet and many more. Once you have created and customized your form, go to the Publish section to complete your work. Read more in our documentation.
How do I change my form design?
You can change the design of your form for more information. in the Themes section, which is located in your form settings. We offer a set of more than 30 predefined form themes for your forms, but you can also create your own from scratch. You can customize the submit button, the logo and more. To apply your own stylesheets, all forms come with a custom CSS editor.

Can't find what you're looking for?