New User Interface & Navigation on 123FormBuilder

We always strive to provide an intuitive user interface and fluent experiences. Here are the highlights of our enhancements to the user interface and navigation on 123FormBuilder.


Navigation

Once you start creating a form, you will notice 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 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 and clicking on the arrow that expands all the subsections you can find within a section.

Create section

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

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

You can modify its label (question text), add instructions to help your respondents answer your question, mark the field as required, and set up a validation. 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 want to apply changes to in order to find more design settings. From the Design section, you can also change the form’s theme 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 the Thank You section where you can find multiple options.

Thank you page

With 123FormBuilder, you can make your form more dynamic by changing its behavior based on the input provided by your respondents. Navigate to the Rules section where you can apply field rules & form rules.

Rules 123FormBuilder

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 needs. Once added to the form, in the right side panel, you will need to provide additional information to enable the payment processor.

Payments section 123FormBuilder

Set up

After you have the structure of your form, you’ll most likely be interested in making it more powerful. With 123FormBuilder, you can easily achieve this. The Set up section offers you multiple customizations for your form, empowering you to tailor it to your exact needs.

Set up section

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

Emails section

The Integrations section offers you multiple options for 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 series of steps to accept submissions by setting up approval rules in the Approvals section.

Approvals section

Using the Schedule section, you can open your form to submissions within a predefined timeframe or only on selected days of the week. If you have subusers, you can also make your form active only for yourself and your team.

Schedule section

The Language section offers you the option to create a multilanguage form by adding translations for each language.

Languages sextion

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.


Preview

You can preview the form by clicking on the Preview button. Here you can switch from a desktop view to either a tablet or mobile view. Additionally, for the Tablet & Mobile view, you can check two different views: Portrait & Landscape. These features are really helpful for you to test how the form would display on different devices 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 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 need, all you have to do is Publish your form and share it with your respondents.

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 personalization to your form is adding a custom domain.

Publish section

The Embed form section offers multiple embedding options: you can use the classic JavaScript code or switch to an iFrame. If you want your form to 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 customize the text, color, and alignment and there you go! The code is ready for you to copy and embed on your website.

Embed section

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

Platforms

With 123FormBuilder you can also use Google Analytics to track your form’s performance. Just click on Tracking and provide your information.

Tracking section

Results

After you make a test submission or start to gather real submissions, the next step is 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

The first section is Insights where you can find quick information related to your form’s performance. 123FormBuilder gathers data on views & submissions, submission rate, and the average completion time of your respondents.

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

By navigating to Submissions, you can check out the submissions table. 123FormBuilder gathers all of your submissions in one place. Here you can also filter and export your form data.

Reports offer you the possibility of creating custom reports, besides the default one. Here you can easily visualize the data your form has gathered as 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?