Knowledge Base

To embed online forms on Webnode from 123FormBuilder, use the JavaScript code we have provided for each one of your forms in your form builder account. Go to the Publish → Embed form section of your form and copy the JavaScript code.

Next, go to Webnode, enter your credentials, and go to the editor of the webpage where you want your web form to be added. Here are the steps:

1. Select the Add content button and add the HTML widget from the list.

2. Paste the code in the widget and press OK.

3. Publish your website to see how the page looks like and start collecting submissions easy as 1-2-3!

You can easily embed online forms on Ionos by 1&1 website fast and easily. To do so, access the form you are interested in embedding and go to Publish section. Copy the JavaScript code from here and log in your Ionos account.

Access the editor of your website and click on the Insert elements button from the collapsed menu, on the right. Click on Web Services and drag and drop the Widget/HTML element to the desired position in the content area.

Paste the JavaScript code from 123FormBuilder and hit Save. The form will not be displayed in the editor, but you can see it in the preview mode of your page.

Click on the Page view icon to view your online form embedded on your webpage. Save your changes, publish your website, and enjoy!

To edit the Submit button, go to the Form Editor of your form within the form builder and click on the Submit button area. In the left side panel of the page, you will find two sections by default:

Options: from here you can change the alignment of the button (auto, left, center, right) and add additional buttons (Reset, Print)

Submit button: from here, you can change the text that appears on the Submit button

If you want to edit the Submit button in terms of design, you can do this by accessing Design section. Under Buttons, you will find various customization options, such as changing the border, font, and color, just to name a few.

Related articles

• How to align the Submit button?
• Can I add a Print button to my form?
• How to add a Reset button to the form?

You can filter your submissions to display form entries that meet specific criteria. Advanced filters allow you to view only the information that is of interest to you.

We offer many filters, and you can add detailed filter criteria to narrow the entries. There is no need to manually check entries one by one.

In this article, you will learn how to find out how many completed transactions you have received with your order form.

Start by clicking the Results button in the Form Editor of your form builder account.

Navigate to Submissions tab and click on Advanced Search to open the filter options.

Type YES or NO as the word you’re looking for, and choose Payment Completed as the submissions table’s column where the search should be made.

What is great with this feature is that you can also export the filtered entries to Excel or to a CSV file.

Related articles

• View, filter and sort submissions
• Can I filter reports based on payment status?
• How to export form submissions to excel?

Data encryption is an easy way to secure your form data within your 123FormBuilder account against attackers. You’ll also need this feature if you intend to collect Personally Identifiable Information (PII) from your users, such as IDs, Social Security Numbers, and Passports, just to name a few.

To encrypt form data, follow the instructions below:

1. Log in to your form builder account.

2. Select your username and click on Account Details.

3. Scroll to the bottom of the page and click on the toggle for Data Encryption to turn it on.

The data encryption request will be pending until changes take effect between 24-48 hours.

To benefit from this feature, you will need our Professional plan. Check out our Features Matrix for more details.

Litmos is a dedicated online learning management system for creating online courses. With the help of 123FormBuilder, you can create contact forms, event registration forms, online quizzes, or any other web forms which you can publish in your Litmos account for your course attendees. All you need to do is grab the embed code of the web form/quiz (JavaScript is recommended) and paste it in the module’s editor.

To embed web forms on Litmos, follow the steps below:

1. In the form builder, go to Publish → Embed form and copy the JavaScript code, located on top.

2. In your Limos account, add the module and click on Add content.

3. Switch to the Create tab and choose Embed content.

3. Type in a module title, a description and paste the JavaScript code in the Embed text box.

4. Save the module and switch to learner view to see how the web form is displayed on the page. And there you have it: people can submit your form directly from your course’s module.

To add a web form to your GoDaddy webpage, simply access your form builder account, copy the JavaScript code provided in the Publish → Embed form section of your form and paste it into an HTML widget from your webpage editor.

In GoDaddy, select the webpage you want to edit and add a new section. From the Files & Web section, select the HTML widget.

Afterward, in the Custom Code box, paste the JavaScript code of the form built in your 123FormBuilder account.

Lastly, preview the webpage to see how your form is displayed. Once you have saved all changes, visitors will be able to submit the web form directly on your webpage.

You can embed videos from various websites on your form. All you have to do is to add on your form Embed video field. You can find this field under Media & Structure section, in the left side panel.

Once the field has been added to the form, you will have to provide the Video link in the URL section and the video will automatically be retrieved on your form.

A timestamp is a sequence of characters or encoding information that details the date and time an operation was made. You can include timestamps in your email notifications to determine when they were created. This will create a sequence of characters next to the letters you have defined in the Advanced section within the form builder.

You can use this code in return to convert it with a timestamp converter, such as Timestamp.Online, to get the date and time when the respective submission was made.

In the Submissions table, you can notice that there is a separate column that indicates the reference ID for each entry.

To include the ID into an email template simply click the plus sign and search for the Reference ID variable.

Example: We have assigned the letters ABC in the Reference ID box to enable the feature.

After submission, we have received an email notification with the reference ID ABC-1569232186. With the help of a timestamp converter, we have converted the code and received this result: 09/23/2019 12:49:46.

Important note: The Reference ID prefix can contain up to 9 characters.

Make your emails stand out by adding images to them. Follow the steps below to successfully add an image to the email notification of your online form.

In your form builder account, go to the Emails section of your form and select your template from the left-side panel. Click on the plus (+) sign in the Body area and choose the Image option.

In the popup window, click the Source icon and pick the image from your local device. Change its size in Dimensions according to your needs. You can even maintain its proportions when changing its size by ticking the Constrain proportions option. You can also add an image description.

Click Ok and you will see the image displayed in your email. Save your template and that’s about it. From now on, the image will appear in the email content. You can add more than one image to the same email template. Just repeat the steps above and include as many images as you desire.

Related articles:

Setting Up Notifications in 123FormBuilder
How to set up the Body of your email notifications?

123FormBuilder is a free online form builder that allows you to build any type of form: surveys, event registrations, job applications, online bookings, appointments, lead captures, donations, orders, and more. 123FormBuilder has built a dedicated app for Shopify. Pretty much everything you can do on the main platform, you will be able to do on Shopify as well.

To install our application, visit the Shopify App Store and search for 123FormBuilder.

Next, click on Add app and Install app.

Once the app is installed, a new 123FormBuilder account is created with the email address associated with your Shopify account.

Related articles

• How to Publish web forms on Shopify

As you all know, the GDPR laws apply to all organizations that process the personal data of EU citizens, even when not operating in the EU territory. This includes all form data you collect with the forms and surveys you build using our form builder. Since most web forms are designed to collect personal information, you need to make the forms compliant. This is a mandatory requirement for any company that has access to personal data.

The GDPR laws protect personal information such as names, phone numbers, addresses, and locations.

Best practices

• Allow users to correct and/or update their own data. Enable the edit submission feature.
• Send a copy of the completed form to the sender.
• Upon request, form users should be able to contact you whenever they want. Include your contact details on the form. Read more about the “right to be forgotten” law.
• Use multiple-choice fields to state your conditions and receive your users consent.
• Explain why you need their personal data.
• Add terms of service fields where you list your Privacy Policy and other details. Do not use the “Checked by default” option. The user must select the checkbox.
• Enable the Reference ID to better track your user’s submissions.

Examples

Explain why you need their personal data:

• This form collects your name and email address to keep track of [your activity].
• This form collects your email address so that we can add you to our newsletter list.
• The collected information is used for advertising purposes.
• The collected data will be used for research/ to plan an event /to communicate with you.

Create a Privacy Policy:

• I consent to allow my data to be used for [… ]
• I consent to receive newsletters about [… ]
• [Company] has my permission to store and process my personal data.

Our platform is GDPR-compliant. However, if you prefer all your data to be hosted in the EU, please signup and use our EU site.

Read more about the 123FormBuilder GDPR Compliance here.

Tips & tricks

We have launched a new field to help you make sure that the form is GDPR compliant and you get the agreement from your respondents – GDPR agreement field.