How to embed 123FormBuilder web forms on your One.com website?

Web forms can be easily published in the content of your One.com web pages. With 123FormBuilder, a supercharged online form maker you can create powerful web forms in minutes and have them published with different methods. In this guide, we will show you how to embed your web forms in your One.com built website. Here’s how you can achieve this:
1. Log in to your 123FormBuilder account, select the form you want to publish in My Forms, go to the Publish → Embed Code section and copy the Javascript code.

We recommend the JavaScript option for embedding your form, so you will not be required to republish the form each time it’s edited. As such, copy the code that appears in the JavaScript box.

2. Log in to your One.com account and go to the Web Editor.

3. Select your website and the web page where you want the form embedded.

4. In the menu on the left, click the Components tab and drag the Code component to your web page.

5. Select the Code component on your web page and paste the JavaScript code of your form in the Code box on the left, located under the Properties tab. Afterward, add a title to your component.

6. Adjust the size of the component on the page, if needed, and don’t forget to save your web page. Use the preview mode to see how your form is displayed on the web page. From now on, you can receive submissions from your One.com website.

If you want to add the web form in a lightbox, instead of selecting the Embed Code tab in the Publish section of your form on 123FormBuilder, select the Lightbox tab. Copy the code that suits your needs best from the four available options and repeat the steps above.