Knowledge Base

To use conditional logic to show or hide form fields, go to the Rules section of your form within the form builder. Tick the option Enable field rules, under the Field Rules tab.

Field rules

Afterward, click on the Add Rule button to start setting up your rules.

The first condition (IF) will appear on the page along with some dropdowns, a Cancel, and a Continue button.

Show/hide fields

In the first dropdown, select the field you want the rule to apply to. Here you will find all your form fields.

Form fields

Then, select the condition. Depending on the field type selected previously, there are different conditions. For Email field, for example, you have various conditions: is not, contains, does not contain, etc. Another example could be related to age restriction: If age is less than 21, then don’t show the list of alcoholic beverages on the form.

Conditions

For choice fields, you can use the conditions is checked or is not checked.

Choice fields

If you want to create multiple rules, click on the grey plus sign to create a new condition. It is connected to the previous condition with one of the available connectors: OR and AND.

Additional rule

It is connected to the previous condition with one of the available connectors: OR and AND. Use this button if you want to set multiple conditions within the same rule. You can always remove the second condition by clicking on the Remove button.

Multiple rules

Next, hit Continue and select one of the two existing actions: Show or Hide. In the end, select the field or fields you want to show or hide after the condition has been met on the form.

If you wish to Show or Hide the Multiply field group field, please select the Multiply field group element and all the fields included in it. Otherwise, your rule will not work as expected.

When hovering over the conditions, you will notice some additional options: Delete, Edit, Subrule. You can edit or delete a condition by clicking on the appropriate buttons.

Edit rule

If you want to add a subrule (an additional layer of rule), click on Subrule button. In the below case, for the second condition, we have added an additional rule with a conditional operator: AND/OR.

Subrule

Once the subrule has been added, it will look like below:

Subrule added

Important Note

You cannot Show/Hide the same fields in multiple rules. This will create a conflict and your rules will no longer work properly. You can duplicate your existing fields to show or hide them in multiple rules.

Hit Finished to add and apply the rule to your online form.

You can always disable the rules by clicking on the Enable field rules checkbox. The rules will remain the same and will be currently unavailable. At any time you can come back and turn them back on.

Disable rule

Related articles

If you cannot download CSV archives on Safari, namely you cannot download your form submissions in CSV at all within the form builder, you’ll need to tweak your browser a bit. To download the CSV file on Safari, follow these easy steps below:

1. In Safari, go to Safari → Preferences and click on the Privacy tab.

2. Deselect the checkbox before the Prevent cross-site tracking option.

3. Deselect the checkbox before the Block all cookies option.

Safari privacy tab

After you have applied these changes, you will be able to download your form submissions in CSV from now on.


Related articles

Great news, you can use images as options in a single or multiple choice field starting from Gold plan! All you have to do is add a Single or Multiple choice field to your form and then go to Edit choices.

Image choices

For each choice you will have the option of uploading an image to be displayed as a choice. Only .png, .jpeg or .gif format are accepted, up to 1 MB per image. Once you have uploaded all the files, do not forget to save your changes.

Edit choices

Voila! You have now made a more interactive form as easy as 123!

Image choices

Related articles

Field rules accept the operators greater than and less than. They make form branching a lot faster to set up.

Let’s take an use case to showcase the usage of field rules with operators greater than and less than.

The easiest example that proves the usefulness of this feature involves File Upload fields. If you want to show the appropriate number of File Upload fields in a form based on user selection, you can do so really quickly using the operator greater than.

Without these operators, field rules would overwrite each other and you would need to add a greater number of fields and rules to your form. With the two operators, you only need as many File Upload fields and rules as the maximum number of files that can be uploaded by users.

How to set up conditional logic with the operators greater than and less than? In your form builder account, select your form, and go to the Rules section and click Add Rule.

Field rules

Select the fields that will be affected by this rule. In the dropdown list containing the operators, select is greater than (or is less than).

Greater than

Firstly, since users can upload one file per File Upload field, the idea was to show the exact number of fields that the form users needed (and which they were asked to specify in a previous field).

Secondly, without the operators greater than and less than, the number of File Upload fields and field rules that had to be set up was much higher than the maximum number of files users could upload. So there you go, now it’s solved!

Of course, there are other wonderful ways of using this feature. Feel free to experiment and leave a comment about it — we’d love to hear your ideas!

You can also learn to use the greater than operator from our short video tutorial:

If you’ve forgotten your login information, here’s how you can retrieve it:

For your username, contact us from the email address associated with your account and we’ll retrieve your basic account information from there.

Forgot Login Data

If you’ve forgotten your password, use the Forgot your password? link to receive a new one in your email. Follow the instructions from the email to reset your account password.

You might encounter this error “The set of choices must be unique” when customising Single choice, Multiple choice and Dropdown.

The reason of this error is that you have 2 choices which are identical. By making sure that all choices are unique, you will not encounter this error anymore.

Error choices

The message Error 312: The specified Security Code was invalid appears because the security code from your Authorize.net account can not be sent to 123FormBuilder. To prevent this problem, you’ll need to disable the Security Code option in Authorize.Net. This will solve the problem with the invalid security code error message on the payment page.

Log into your Authorize.Net account and click on Account. In Settings, go to Transaction Format SettingsPayment Form and click on Form Fields.

Authorize.net invalid security code error

Scroll down through the options and uncheck Require the Security Code feature on the Payment Form and hit SubmitThis will prevent the error to occur in the future.

Authorize.net invalid security code error

The most common reason why the form headline or an HTML block freezes and can’t be edited at all in the form builder (sometimes triggering even other Form Editor problems) is the fact that the content that is copy/pasted into that field includes something else than text and HTML tags (which are the supported types of input).
For example, we had one situation when the user pasted XML code from a Word file into the form headline and couldn’t make any further edits to it.
If you are in a similar situation, contact us and we will clear up the form field for you. Keep in mind that only text and HTML code can be used in form headlines and HTML block fields.

This happens when you access the download link from a different browser than the one in which you are logged in to your form builder account on 123FormBuilder.com.

For example, let’s say that you normally use browser A when working with your forms. But browser B is set as default for opening email links. The download link will not work, because it will open up in browser B, whilst you are authenticated on your 123FormBuilder account in browser A.

Therefore, make sure that you are logged in to your 123FormBuilder account in the same browser in which the download link opens.


Related articles

In some browsers, the verification code, even if typed correctly, is not accepted. To solve this, make sure that cookies are enabled in your browser. If they’re not, enable them. Type in the verification code again and submit the form. If cookies were already enabled in your browser, delete them (Clear cookies), type in the verification number, and submit the form.

Clear cache and cookies

To avoid cookies completely, set the Captcha protection to No Captcha and protect the form by limiting the number of submissions received from an IP address to 1 or 2 per day. This way, your form will not be spammed and the verification image will not be required anymore.

123FormBuilder comes equipped with a wide range of features for creating powerful forms and is the go-to solution if you want to generate leads, capture complex data, and automate workflows.

In this article, you will learn how easily you can incorporate Google Calendar invites in your email notifications.

Let’s get started. Follow these simple steps:


1. Export your Google calendar

Open up your Google Calendar in your web browser.

Next, select your calendar, click on Calendar Settings, and hit the Export calendar button.

123Formbuilder web forms

In the new pop-up window choose the location where you want to download the zip file of your calendar.

Extract the ZIP file downloaded on your device.

2. Incorporate calendar files into emails

Head over to Emails on your form to edit your email template.

At the end of the template, you will see the option called Add attachment. From the dropdown list select File and upload the calendar file. Save the changes.

123Formbuilder web forms

3. Email Notification Invite

Finally, make a test submission and check your mailing inbox. Email notifications will contain the Google Calendar invite as an attachment.

When you are switching to another form building service, you don’t want to spend hours recreating all your web forms. 123FormBuilder (an alternative to JotForm) offers you the possibility to easily import forms created by JotForm into your new 123FormBuilder account.

To import forms you need to retrieve the API Key associated with your JotForm account. Follow these easy steps:

1. Log in to your JotForm account and click on Settings.

2. In the left-side panel go to the API section.

3. Ensure that you have Full Access to the API key under the Permissions column.

4. Copy your API key.

The next step is to head over to 123FormBuilder and log in to your account.

Access the following link and insert your JotForm API key: app.123formbuilder.com/index.php?p=jotform. Choose from the dropdown the form you wish to import and hit Continue.

Import Jotform

123FormBuilder will recreate the form in a few seconds.

Finally, after importing the form, click on the Convert form button. Now, you can start customizing the form with our new features.

Convert form

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?