Exact matches only
Search in title
Search in content
Search in posts
Search in pages

How to add forms to Weebly with the 123 Form Builder app?

Creating forms and surveys for your Weebly website couldn’t be anymore easier with the 123 Form Builder app that you may find in Weebly’s app center. The 123 Form Builder is an intuitive form builder app that you may use to create user-friendly forms and surveys, powering them up with many advanced features.

Follow this tutorial to learn how to add forms to Weebly with the 123 Form Builder app without the fuss of coding anything. For starters, log into your Weebly account and open your website in the editor mode.

To access the app center, click the Apps button that is located above the basic elements panel.

123 form builder for Weebly - Apps Tab

To find the 123 Form Builder app, press App Center.

123 Form Builder for Weebly - Going to App Center

You’ll find the 123 Form Builder in Communications. Click the All Categories drop down to select the respective category.

Next, select the app within the list and click the Add button on the presentation page.

123 Form Builder for Weebly - Adding App

A lightbox will pop up on screen for which you will need to agree for the 123 Form Builder to have access to your page, by pressing the Connect link on the top right side.

123 Form Builder for Weebly - Connect App to Weebly

The email address of your Weebly account is automatically associated with the 123 Form Builder account. That means that if you haven’t used 123 Form Builder or 123FormBuilder before, a new free account is generated for you with the same email address as on Weebly. If you already have a 123FormBuilder account that has the same email address associated, you’ll be logged in that respective account.

You’ll find the 123 Form Builder app under Third Party in the Elements tab.

123 Form Builder for Weebly - Third Party App

Drag and drop the 123 Form Builder on your page as any other element within Weebly’s website editor.

123 Form Builder for Weebly - Third Party App

You’ll see a contact form on your page. That form is added by default whenever you drag and drop the 123 Form Builder – Third Party element into your web page.

123 Form Builder for Weebly - Default Form

To edit the current web form, click the element and a popup will appear on screen. This is the same interface as seen on 123FormBuilder, with the same options and features. We have a detailed knwoledge base platform with all the features that you may add to your online forms & surveys. In this tutorial, however, we will show you the basics.

The popup will open in Edit, where you can drag and drop fields in the layout and adjust certain options, such as form width or label placement.

123 Form Builder for Weebly - Form Editor

Next, hit the Settings tab on top to set up your email notifications and other options. For a comprehensive documentation on how to use the Settings section, follow our documentation here.

123 Form Builder for Weebly - Form Settings

Finally, to publish the form on your current web page, hover over the Publish tab and wait for the extra options to appear below.

123 Form Builder for Weebly - Publish Form

Press Publish on Weebly and you will receive a confirmation as in the example below. Press Ok and it’s done.

123 Form Builder for Weebly - Published Form Confirmation

Now you can close the popup and the form will appear on the web page as you’ve created it. If you want to check for submissions, open the popup again and go to Submissions or hit Reports for some statistics and graphs.

If you need assistance, do not hesitate to contact our Support Team by opening the popup and using the Support link. It is located under your username, on the top right corner of the frame.

123 Form Builder for Weebly - Support & Technical Assistance

All web forms & surveys are stored in My Forms and your account profile may be accessed in My Account.

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?