Formsform.jotform.com
Can you embed Jotform in an iframe?
Yes, with the iFrame code from the Publish tab. The iframe loads the form link.
Checked Test again
Live check
Two links, two results
Form linkEmbeddable
form.jotform.com/82352473884465- X-Frame-Options
- Not sent
- CSP frame-ancestors
- Not sent
- Response
- 200 OK · 153 ms · HTTPS
iFrame srcEmbeddable
form.jotform.com/82352473884465- X-Frame-Options
- Not sent
- CSP frame-ancestors
- Not sent
- Response
- 200 OK · 153 ms · HTTPS
Steps
How to embed Jotform
- On My Workspace, click Type. Uncheck everything except Forms.
- Hover over the form and click Edit Form.
- In Form Builder, clickPublishthenEmbed
- Under Embed options, select iFrame.
- In the iFrame section, click Copy Code.
- Paste the code into the HTML of your page, or into a custom HTML block.
Embed code
Paste this into your page
HTML
<iframe
id="JotFormIFrame-{form-id}"
title="{form title}"
src="https://form.jotform.com/{form-id}"
frameborder="0"
style="min-width: 100%; max-width: 100%; height: 600px; border: none;"
scrolling="no">
</iframe>This sample shows only the iframe. Use the exact code from Copy Code when you can.
URL patterns
Swap the link you have for the embed URL
- You haveform.jotform.com/jsform/{form-id}Use in the iframeform.jotform.com/{form-id}
The jsform link is for the script embed. The iframe uses the form link. The numbers at the end are the form ID.
Good to know
- Under Share With Link, Copy Link gives the form link with the form ID at the end.
- If the form does not load in the embed, open the form link alone. If the form loads there, check your page.
Sources
- Jotform Help · How to Find Your Form's iFrame Codewww.jotform.com/help/148-getting-the-form-iframe-code
- Jotform Help · How to Embed a Form on a Web Pagewww.jotform.com/help/34-embedding-a-form-to-a-web-page
- Jotform Help · How to Find Your Form URLwww.jotform.com/help/401-where-to-find-my-form-url
- iframecheck live check · both links
Profile updated