How do I use the iFrame fallback method for embedding?
Embedding
Can I add a form as a pop-up button on my site?Can I embed a form without the background?Can I speed up my embedded form's load time?What is oEmbed and how can I use it with Paperform?Embedded form JS API (draft)How can I embed my form in a React app?How do I embed my form with AMP?How do I embed my form?How do Paperform forms look when they are embedded?Can I use special HTML attributes (e.g. pre-filling) when embedding?Is the form mobile-friendly when it is embedded?In some services, you’re not allowed to include JavaScript, so the standard embed code from above won’t be possible. The good news is you can still embed your form in an iFrame. All you need for this is the URL of the live form.
Here’s a code example of how to embed a form in an iframe.
<iframe frameborder="0" width="100%" src="FORM_URL?embed=1&inline=1" height="HEIGHT"></iframe>
Just replace FORM_URL with the full URL to the form (don’t forget the “https://” part!).
You’ll also need to set the height of the iFrame by replacing HEIGHT with the height the form needs to display in pixels. If the form is taller than the height you specify the form will scroll inside of the iFrame, otherwise, it will sit neatly on the page. If you’re unsure what to put as the height, try “400” to get started, you can always change it later.
Note that there are a few downsides to using an iFrame directly;
- The form cannot be dynamically resized to take up the space needed by the form.
- PayPal payments are not supported.
- The form cannot control the scroll position of the page, which means if the form changes height drastically, like on changing pages, or on submission, the user may not be scrolled to the right place on the page.