123FormBuilder Knowledge Base
Search our documentation platform for answers, service specifications and 3rd-party integrations.
Knowledge Base
You can change the label placement for the entire form with the click of a button. Go to Design and expand the Fields section.
Under Label subsection, you will find an option called Placement.
You can opt for having the label in the left side of the field, on the top of the field or on the right side of the field.
Related articles
With the 123FormBuilder – NationBuilder integration, you can send form data and tags to your nation’s contact list.
Go to the Integrations section of your form and hit the Customize button of the NationBuilder app. In the Associate fields section, you can add tags to your form fields in three different ways:
- NationBuilder Tags. Type in the name of the tag which will be sent to your NationBuilder account only if the user has completed the field input.
- NationBuilder Field. Associate the form field input with the Tags field from NationBuilder, so when someone submits your form, the input of the respective form field will be sent as a tag to your NationBuilder account.
- Input as Tag. It’s equivalent to the Tags field from NationBuilder but comes in handy when you want to receive the data of the form input in your contact list, but also have it as a tag.
Please note: There are limitations associated with some fields. The sets of fields that are repeated in a Multiply Field Groups cannot be sent as tags to NationBuilder. Only the first set of fields can be sent.
In the example above, here’s how the integration works:
1. If the Phone field is completed, the web form will send the tag Mobile to NationBuilder.
2. The input of the Street Address subfield will be sent as a tag to NationBuilder.
3. The input of the City subfield will be sent as a tag to NationBuilder.
4. The input of the Last Name subfield will be sent both as a tag and in the Last Name field from NationBuilder.
Whether you have created tags or associated form inputs as tags, you’ll find all of them in the Control Panel → Tags section of your NationBuilder account.
2Checkout is the payment processor we use to charge our paying subscribers. It’s best known to serve and deliver eCommerce services to individual customers and to resolve quick and secured transactions, not to mention the flexibility it offers for its clients to manage their subscriptions.
When you buy a plan on the 123FormBuilder form creator, a subscription is created there for you. 2Checkout will charge you every month or year, depending on the recurring payment you have selected. The subscription is charged automatically and not manually. You can either pay with your Credit Card or through PayPal.
Read our terms of service for more information.
If you want to change your payment details, simply log in to your 123FormBuilder account, go to the My Account section, and press Change Payment Details.
Sometimes, the input provided in two form fields must be identical; for example, when you are asking users to provide and confirm their email addresses.
This type of validation can be easily enabled by following some steps.
Let’s go with the confirmation email address flow. Firstly, you need to add two fields in which the input should be identical.
For the second field, in our case Confirm email address, go to Validation and enable Match another field value. In the dropdown list that appears, select the matching form field, in our case Email address.
By doing this, the pairing is done on both fields. If respondents provide different inputs for the two fields, they get an error indicating that the input must be identical, so they can not submit the form unless the two email addresses aren’t identical.
You can change the text of the message in the Language→ System Messages section (you can search by the word identical in order to find the system message that you want to edit)
If you want the verification number/Captcha to never be displayed, all you have to do is to go to Security → Captcha settings and select the option No Captcha.
You can also remove the verification number directly from the Form Editor. Just select the Verification field from the bottom of the form, and from the right-side panel uncheck Use Captcha for verification.
Each online form you build with our form creator will send the email notifications of the first 1000 submissions made that day. This includes your standard or customized email templates, autoresponders, and copy-to-sender emails, regardless of the number of recipients. The limit is automatically reset each day.
This limitation is created to prevent email platforms from flagging us as spam because of the number of emails we send daily.
Note: All remaining email notifications will not be sent the next day. We send notifications only for the submissions that have been made on the current day. All your submissions are saved from harm, however. You’ll find all your submissions located in the Submissions section of your online form.
With our form builder, you can easily set up your email notifications and customize your messages.
By default, we send email notifications from noreply@123formbuilder.com. In this article, you will learn how to send emails using your own custom domain email.
First, go to the Emails section of your form. Then, expand the From and Reply-to options menu.
After that, open the From email dropdown. Here you have two options available:
- Add email
- noreply@123formbuilder.com (default option)
- noreply@myfor.ms
Add email
We incorporated an SPF email authentication tool for the custom email option. This is to ensure that only authentic domains/users send email notifications. We wanted to avoid spam emails, email bounce-backs and to prevent any phishing attempts that are pretending to be a legitimate business.
With this authentication process, you will grant 123FormBuilder permission to send email messages on your behalf.
To accomplish that, you will have to follow the steps outlined in the lightbox that opens when you click on Add email. Click on this guide to find out more details about this subject and obtain our SPF record. Once you are done configuring the SPF record, type in your email domain in Custom email box.
After you click Add, our system will check the email domain. If your email domain isn’t set up properly, an error message will display.
You can use the custom emails on the same form in all your email templates.
Important Note
The configuration must be done on each form. This setup isn’t made at the account level. For newly created forms you will have to add the custom email again.Removing references to our domain
With the noreply@myfor.ms option, you can remove any reference to our domain, 123FormBuilder. This option is available if you have purchased a paid subscription. Visit our Features Matrix for more details.
When you connect your SMTP server, you can’t make any changes to the From email settings. The form automatically prefills the SMTP email sender.
In order to send emails through your own SMTP server, simply follow this guide.
Important Notes
- Forms using our previous notifications version can define a custom sender only by enabling the SMTP feature.
- If you are a White Label user, at From email you have a fourth option available: noreply@whitelabeldomain.com.
Related articles
We allow four login attempts, to prevent accounts from being abused by other people. If you fail to type in the correct password on the fifth time, the account will be blocked for 30 minutes, followed by the message you see below. You will also be notified by us via email.
After the 30 minutes have passed, you can try again. If you need a password reset, please contact us.
After you’ve integrated your form with ActiveCampaign, AWeber, VerticalResponse, Top Producer, or iContact, you can add an opt-in checkbox to your form. This way, form users can tick the checkbox in order to be added to your mailing list and the bounce rate of your mailing list will drop.
Here’s how to achieve this:
1. In your form builder account, select your form, go to the Form Editor, and drag a Multiple choice field to the main view.
2. In the Edit field panel on the left side of the screen, delete Choice 2 and Choice 3 and replace Choice 1 with the message you want form user to see (e.g.: Add me to your mailing list).
3. Afterward, delete the field label or set its Visibility to removed and your checkbox is ready to find some functionality.
4. Next, go to your form’s Integrations section. In the application box, in the dropdown list labeled Send, select Only if choice is checked: (opt-in message).
5. Lastly, press Save and you’re done!
The Reset button clears user input and allows users to start over.
To add this option to your form, access the Editor and click on the Submit button area. From the left-side panel, tick the checkbox Reset under Options → Additional buttons.
Once you have enabled Reset button, a new section will appear in the left side panel, Reset button, from where you can edit the text shown on the button.
When you preview your form, you’ll see that the new button has been added next to the Submit button. Respondents simply need to click it in order to clear all the input they have provided and start from scratch.
We want to make your order forms easy and efficient. Since our order form creator is complex with a lot of discounts, taxes, and different calculations, we developed a new feature called the Fee field.
Open the Form Editor within the form builder and from the Calculation section, select the Fee field. This adds a static cost to the total.
In the field’s left-side panel you can establish the base price. It will be automatically incorporated into the payment summary.
If you do not want the field to be displayed on the form, make the field hidden.
If you were wondering how to add Google fonts to your online forms, here is how to do it with our CSS form generator:
1. In your 123FormBuilder account, select the desired form and open the Form Editor.
2. Afterwards, go to the Design section of your form and click on Add custom CSS.
3. In the custom CSS box, paste the Import URL from Google Fonts:
@import url(//fonts.googleapis.com/css?family=Lobster);
#form * {font-family: 'Lobster', cursive;}
Replace Lobster with the Google font you want to use and cursive with the type of font used (e.g sans-serif, serif, monospace). All the information regarding your font is listed under the CSS rules section.
Most Popular
Frequently Asked Questions
Here is a list of the most frequently asked questions. For more FAQs, please browse through the FAQs page.