{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-embeds/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":[]},"type":"markdown"},"seo":{"title":"Iframe embed","description":"Build integrations, automate workflows, and manage forms and responses programmatically with the forms.app API.","siteUrl":"https://developers.forms.app","image":"/assets/formsapp-developer-docs.6ffba4f5ff7d394698661bcdb0ed2a8452f27acaf4e82754e5d0f4109563471c.9c1bb791.png","lang":"en-US","projectTitle":"forms.app Developer Docs","llmstxt":{"sections":[{"title":"llmtxt for forms app documents","includeFiles":["**/*"],"excludeFiles":[]}]},"jsonLd":{"@context":"https://schema.org","@type":"Organization","additionalType":"https://en.wikipedia.org/wiki/Software_as_a_service","url":"https://forms.app","name":"forms.app","logo":"https://cdn.forms.app/icons/all/brands/formsapp-logo-dark.svg","description":"forms.app is a free online form builder designed for teams. forms.app offers a modern, easy-to-use form builder and allows unlimited responses and team members.","foundingDate":"2018","sameAs":"https://linkedin.com/company/formsapp","contactPoint":{"@type":"ContactPoint","contactType":"Customer service","email":"support@forms.app","url":"https://forms.app/en/contact-us"}}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"iframe-embed","__idx":0},"children":["Iframe embed"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The fastest way to place a form on a page: a single ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<iframe>"]}," element, no JavaScript required. Use it when you need a static, inline form and don't need pop-ups, alternate layouts, or prefilled data."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"the-embed-code","__idx":1},"children":["The embed code"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"html","header":{"controls":{"copy":{}}},"source":"<iframe id=\"\" allowtransparency=\"true\" allowfullscreen=\"true\" allow=\"geolocation; microphone; camera\" src=\"https://eu.forms.app/form/69d4bd130b443bda40c8f65a\" frameborder=\"0\" style=\"width: 100vw; min-width:100%; height:600px; border:none;\"></iframe>\n","lang":"html"},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Copy your own version of this snippet from the form's ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Share"]}," page in forms.app: choose ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Embed → Iframe"]},", then ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Get the code"]},". The ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["src"]}," URL already contains your form ID and account domain, so paste it as-is."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"attribute-reference","__idx":2},"children":["Attribute reference"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Attribute"},"children":["Attribute"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Purpose"},"children":["Purpose"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["id"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Optional identifier you can set to target the iframe from your own CSS or JavaScript."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["allowtransparency"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Lets the form's background render transparently over your page's background."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["allowfullscreen"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Lets embedded content request full-screen mode, needed by some field types such as drawing & signature."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["allow=\"geolocation; microphone; camera\""]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Grants the browser permissions the form may need for location, audio, or camera-based fields. Remove any you don't use."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["src"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["The form's public embed URL, including your form ID and account domain."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["frameborder"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Legacy attribute kept for older browser support; the border is also removed via ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["style"]},"."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["style"]}," (",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["width"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["min-width"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["height"]},")"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Sizing. ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["width: 100vw; min-width: 100%"]}," makes the iframe fill its container's width; ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["height"]}," is a fixed pixel value."]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"sizing-the-iframe","__idx":3},"children":["Sizing the iframe"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["An iframe has a fixed ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["height"]},". If the form is long, uses conditional logic, or is multi-step, a fixed height can crop content or add an inner scrollbar. Options:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Increase the ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["height"]}," value to fit your tallest expected content."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Switch to the ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/embeds/script-embed"},"children":["script embed"]},", which supports ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'height':'formHeight'"]}," for automatic resizing."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"permissions","__idx":4},"children":["Permissions"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["allow"]}," attribute controls which browser permissions the form is allowed to request. Match it to the field types your form actually uses:"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Field type"},"children":["Field type"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Required permission"},"children":["Required permission"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Address (with location lookup)"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["geolocation"]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Audio recording fields"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["microphone"]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Image upload / camera capture"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["camera"]}]}]}]}]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Omitting a permission the form needs causes the browser to silently block that feature inside the iframe."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"whats-next","__idx":5},"children":["What's next"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/embeds/script-embed"},"children":["Script embed"]}," for pop-ups, side tabs, auto-resizing height, and prefilled data."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/embeds/passing-form-data"},"children":["Passing data to your form"]},"."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/embeds/examples"},"children":["Examples"]}," for React, Next.js, Vue, and Kotlin."]}]}]},"headings":[{"value":"Iframe embed","id":"iframe-embed","depth":1},{"value":"The embed code","id":"the-embed-code","depth":2},{"value":"Attribute reference","id":"attribute-reference","depth":2},{"value":"Sizing the iframe","id":"sizing-the-iframe","depth":2},{"value":"Permissions","id":"permissions","depth":2},{"value":"What's next","id":"whats-next","depth":2}],"frontmatter":{"seo":{"title":"Iframe embed"}},"lastModified":"2026-08-18T10:09:54.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/embeds/iframe-embed","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}