Embedded Form

What is an Embedded Form?

An embedded form is a way to take a Formsite form and embed it into a page on your website. Users will see the form on your page instead of needing to click a link to visit your form. This is useful when you don't want users to leave your page.

Embed Code options

On the Share page, click the "Embed Code" tab. Copy the embed code and paste it into the area on your page where you want the form to appear.

Your embed code will look similar to the example below.

<a name="formvtjqi9JE" id="formAnchorvtjqi9JE"></a>
<script type="text/javascript" src="//www.formsite.com/include/form/embedManager.js?vtjqi9JE"></script>
<script type="text/javascript">
EmbedManager.embed({
     key: "www.formsite.com/form_app/Formsite?EParam=IRLY%2&vtjqi9JE",
     width: "100%",
     prePopulate: { "2":"Alex", "3":"Powers","4-1":"1","4-2":"2"},
     resizeCallback: yourFunction,
     showFormLogin: false,
     mobileResponsive: true
});
</script>
Required parameters
  • key (required): Tells Formsite where to find your form. Do not change this.
  • width (required): A size or percentage to use for the form's width.
Optional parameters
  • prePopulate (optional): Pre-populates fields on the first page of your form. Use number/value pairs to specify which field should get which value. Each number should correspond to the position of a field on your form. For pre-populating Matrix/Grid Items, use the "Item-SubQuestion" format.
  • resizeCallback (optional): Call a custom JavaScript function each time the height of the form changes. Use this if your form is inside a dialog or an area that needs to update itself each time the form resizes.
  • showFormLogin (optional): Default: false: For Save & Return forms, true to show the login page as the first page, false to show the first page of the form.
  • mobileResponsive (optional): Default: false: A value of true will tell your form to use the responsive styles for your form. Read more about responsive forms.
Technical note

Only one embedded form is possible on a single web page. Attempting to embed multiple forms on one page will cause positioning and sizing problems.

Multiple forms may be embedded on separate pages of your site as long as there are no more than 1 per page.

Troubleshooting

If the embedded form does not load, start by verifying the embed code has been copy/pasted correctly. If you are using an editor to edit your site, check if you need to paste the code in "HTML" or "source" mode to prevent the editor from handling the code as normal text.

It is possible for existing HTML and scripts on your page to interfere with the embedded form. Verify that all HTML on your page is valid and that there are no script errors.

Over 1 Billion forms submitted