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 it's own.
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 Professional and 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 Enterprise Cloud customers, you will need to change the two "src" portions of the code, where XXXXXX represents your enterprise 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>