The web forms created with 123 Form Builder can easily be published on your WordPress website using the embed codes provided for you in the Publish section. Here are all the steps:
1. In your 123 Form Builder account, select the desired form and go to the Publish section. From Embed, copy the IFrame code.
2. On WordPress, select the page or post where you want to publish your form.
3. Switch the page/post editor from Visual to Text and paste the code.
4. Don’t worry if the form will not display properly when you turn the editor back to Visual mode. The form will be visible on your WordPress website when you Preview Changes and Update/Publish your page/post.
Note: The IFrame embed method has a default height of 300px, allowing users to navigate through the form by scrolling it. You can remove the scrollbar specific to this publishing method by increasing the height from the IFrame code. See the highlighted example below:
<!-- form.123formbuilder.com script begins here --><iframe allowTransparency="true" style="min-height:1500px; height:inherit; overflow:auto;" width="100%" id="contactform123" name="contactform123" marginwidth="0" marginheight="0" frameborder="0" src="https://form.123formbuilder.com/my-contact-form-5879364.html"><p>Your browser does not support iframes. The contact form cannot be displayed. Please use another contact method (phone, fax etc)</p></iframe><!-- form.123formbuilder.com script ends here -->
That’s it! Now you can sit back, relax, and wait for submissions to roll in from the forms published on your WordPress website.