Overview
The iFrame method of publishing can relieve styling conflicts that can happen when embedding the form with the raw html. It is like a window to another web page.
Prefilling will not work with an iframe unless you add the prefill parameters to the source link.
You do not need to republish when you make changes to your form. With an iFrame, it will update on its own.
Please Note:
- When using an iFrame along with Save & Resume, the resumed form will resume at the FormAssembly hosted form and not the embedded site.
- The embedding method is the same whether you're embedding a form with one page or multiple pages.
Publish Your Form with an Inline Frame
- Click Configure for the form you would like to publish, then select Publish from the left-side menu.
- On the Publish page, note the public address of your form.
- Using your favorite web page editor, create a new page on your site and paste the following code, changing the address to match the public address of your form. For Premier Plan users, you will use the following code:
<iframe src="https://tfaforms.com/YOUR_FORM_ID" height="800" width="600" frameborder="0" ></iframe> <script src="//tfaforms.com/js/iframe_resize_helper.js"></script>
- If you need to remove the default background from the form, follow these instructions.
For Essentials and above customers, you will need to change the two "src" portions of the code, where XXXXXX represents your Essentials domain name.
<iframe src="https://XXXXXX.tfaforms.net/YOUR_FORM_ID" height="800" width="600" frameborder="0" ></iframe> <script src="//XXXXXX.tfaforms.net/js/iframe_resize_helper.js"></script>