Form Editor

Generic selectors
Exact matches only
Search in title
Search in content

How to use the 123 Form Builder editor to edit your web forms

The form editor of 123 Form Builder, your trusted online form maker, allows you to create and customize the structure of your web form in any way you want. You can add and edit basic and advanced fields, drag and drop sections, adjust the form layout and preview the result in real-time. The fields panel is placed on the left side of your page, split into Basic, Specific, and Other fields.

Basic fields

Each element comes with an Edit option that lets you control its appearance and behavior.
Basic Fields
As basic fields, you may use:

  • Short text fields may be used to request a simple text input from your visitor.
  • Long text fields are similar to short text fields, but they allow for more text input. For example, you may use text areas for comments or suggestions.
  • Dropdown fields provide several options from which your visitor will have to select one.
  • Single choice field options can also be rendered through radio buttons.
  • Multiple choice fields display as checkboxes. Visitors may tick as many options as they wish.
  • File upload fields allow visitors to upload different types of files.
  • Heading fields. If you want to mark a new section or subsection in your form, you can do this by using headings.
  • HTML block fields may be used for inserting customized text sections, links, images, and tables.

Specific fields

Specific fields provide a wide range of options for requesting contact data from your submitters (name, email, address, phone, website), as well as other information, such as date, time, or price.

Specific Fields

The majority are self-explanatory, however, others may require further explanation.

  • Likert Scale field is a rating scale, displayed as a matrix, where you can gain insights about your form users precise opinions and impressions about different statements.
  • Repeatable container field groups fields in a container and displays an Add more button at the end. Once the button is clicked the same fields from the container are duplicated.

Other Fields

Other Fields

What you can choose from:

  • Page Break field allows you to create a multi-page form.
  • Image field allows an image to be uploaded from your device.
  • Video field is used to embed a Youtube video of your liking.
  • Facebook field is allowing you to add the URL of your Facebook page.
  • PDF embed field provides you the option to display a hosted PDF file.
  • Google map adds an interactive map on the form.
  • Social field. By adding Social Buttons to your forms, you’ll make it very easy for your form visitors to recommend your form on Facebook, Google+, Twitter, and LinkedIn.
SIGN UP FOR FREE

2 comments

  1. I’d like to know how to change the Form’s color at the top, it’s pink….Can I change that in editing?? Thank You! =D

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

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 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?

Contact our support team