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

Web forms can be easily published in the content of your One.com web pages. With the 123FormBuilder online form builder 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 into your 123FormBuilder account, select the form you want to publish in My Forms and 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 into 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 Code box on the left, located under the Properties tab. Afterwards, 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.