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

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. In your 123FormBuilder account, go to My Forms and select the form you want to publish.

2. When the form is selected, notice the links that drop below and click Get Code & Publish.

123formbuilder one.com forms

3. In the Publish section of your form, click on the Embed Code tab on the left.

4. 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.

One.com forms

5. Log into your One.com account and go to the Web Editor.

One.com forms

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

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

One.com forms

8. 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.

One.com forms

9. 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.

One.com forms

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.

Olivian Stoica
Olivian Stoica
Oli's enthusiasm for helping our fellow users led him to write thorough know-how articles and tutorials that would make form building a bliss on 123FormBuilder.

Leave a Reply

Your email address will not be published. Required fields are marked *