How to embed web forms on your website?

How to embed web forms on your website?

Web forms can be easily published in the content of your 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 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 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. forms

5. Log into your account and go to the Web Editor. 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. 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. 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 website. 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 *