How to embed forms in your website

Embedding the form on your website is an excellent way to remove our branding keep your visitors onsite instead of redirecting them to a new URL. This increases your onsite user engagement and give users the option to submit the forms without leaving your website.

To be able to embed forms on your website, it is important to purchase a Premium Plan.

  1. First, head over to your form and copy the Form URL:

  2. Now use the following sample code to paste the form URL in an iframe. Use notitle and nofooter to control whether to show the header of the form (logo, title, description) or footer (share buttons).

<iframe id="gwf_content" src="https://portal.gowithform.com/form-viewer.html?formId=2937e847-54b7-4c5c-8c16-6d96309e1e43&notitle=true&nofooter=true" frameborder="0" scrolling="no" style="width:100%;height:600px">

Sometimes, GoWithForm will automatically generate the list or dynamically adjust the form element (1 row 2 cols become to 2 rows 1 columns). In this case, if you want to dynamically adjust the iframe size when the user accesses your page in different platform, you can use the following script to control the height of the form.

<script>
window.onresize = function(event){if(document.documentElement.clientWidth <= 768){document.getElementById("gwf_content").style.height="2200px"; else if(document.documentElement.clientWidth <=992){ document.getElementById("gwf_content").style.height="2000px";}};
</script>

And that’s all you need to do in order to embed any form in your website.