Embed Your Form in a Website

Embedding your OpenForm on an external website allows users to complete and submit the form without navigating away from the webpage they’re on. You can embed a draft form to test it or embed it once it’s published.

While embedded forms should display in the content of the webpage, in some scenarios the webpage won’t allow the form to be fully displayed. In these cases, users will instead see a link to open the form on a separate page.

To embed a form:

1. Go to your form Settings > Print and embed.
2. Copy the HTML embed code under Copy a link to your form or embed it in your site. This code will remain the same for all form versions.
   
3. Paste the code into the HTML editor of your webpage.
4. Save and test your webpage to ensure the form is displaying and working correctly.

If your organization also uses OpenCities, there are several ways you can embed an OpenForm into your page:

• Connect your OpenCities and OpenForms accounts to select a form directly from a page’s WYSIWYG Editor.
• Paste the OpenForms embed code into the HTML tab of page’s WYSIWYG Editor or use the Paste HTML toolbar option.
• Add the OpenForms code to the OpenCities Embed codes admin area and use the Insert Plugin option in a page’s WYSIWYG Editor. This is useful if you want to use the same form on multiple pages, such as a contact or feedback form.

If you’re a developer, you may also want to check out how to use external IDs to fill your form using information from a webpage.