Generic selectors
Exact matches only
Search in title
Search in content

How to integrate forms with Wix Code

Wix Code allows you to create your own database,  a MySQL database. It’s a great tool to store information from your website and it looks like an Excel spreadsheet.

123FormBuilder forms can populate a new database with each submission entry. This way you have easy access to your form submissions. The database will be read only and all fields will create a new column.

Before creating the database you need to install 123FormBuilder on your Wix website.

1. First, open you Wix Editor and go to Backend. Click the plus sign and select New .js file

123FormBuilder web forms-Wix Code Database

Next, name your file http-functions.js

123FormBuilder web forms-Wix Code Database

 In the new JS file (http-functions.js) paste the 123FormBuilder Wix Code Javascript Snippet.

123FormBuilder web forms-Wix Code Database

2. Now, click your form and go to Settings – Redirect to a webpage ( choose in the parent frame) and specify the URL where you want to redirect your users after submitting the form.

After that, at the end of the URL add the following text  #WixCode

123FormBuilder web forms-Wix Code Database

3. Go to Forms, select your form, and click the Customize form button.

123FormBuilder web forms-Wix Code Database

From your Form editor click the Publish icon and choose Direct Link.  Identify your Form ID, which is numerical, and copy it.

4. Go back to the Wix Editor and create a New database collection.

123FormBuilder web forms-Wix Code Database

In the lightbox that appears choose the option to Start from Scratch. Name your database like this: 123FormBuilder_5037317 ( instead of 5037317 you will paste your own Form ID, step explained at point nr 3).

Choose Form Submissions at the What’s this database collection for? question.

123FormBuilder web forms-Wix Code Database

5. All set! Now go to your webpage and fill out the form. The entry will populate the spreadsheet in the Live tab of your database.

123FormBuilder web forms-Wix Code Database


Leave a Reply

Your email address will not be published.

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?