How to Fix an Embedded Form That Won't Show

If an embedded FormRobin form does not show or looks wrong, check the embed code, the form's Published toggle and your site's script and security settings.

Embedding works the same on both plans, the Free Plan and the Individual Plan.

How does FormRobin embedding work?

The embed code from the form's Share window (Embed on website tab) looks like this:

<div class="formrobin-embed" data-path="/f/your-form-slug"></div>
<script src="https://formrobin.com/js/embed.js"></script>

When the page loads, the embed script:

  • replaces each formrobin-embed element with your form, loaded from formrobin.com
  • makes the form as wide as its container
  • adjusts the height automatically as the content changes (it starts at 700px, with a minimum of 500px)

You never write or size the frame yourself. Full setup: Embedding Forms on Your Website.

What are the common embedding problems?

  • The form does not appear on the page
  • "Page Not Found" appears where the form should be
  • The form is cut off or has extra space below it
  • The form works at its own link but not on your website
  • The browser console shows security (CSP) errors

Troubleshooting

The form does not appear

  • Copy a fresh code: on the Forms page click the form's Share icon, open Embed on website and click Copy Code.
  • Paste both lines: the <div> and the <script>. Without the script nothing loads.
  • Do not edit data-path or the script address. Form codes use only lowercase letters and numbers, so a capital letter or a missing character breaks the link.
  • Make sure the code is not inside an element that is hidden (display: none).
  • If your website builder removes script tags, use its HTML or code block (see Embedding Forms on Your Website).

"Page Not Found" appears instead of the form

  • The form is unpublished: turn its toggle back to Published on the Forms page (see Publishing and Sharing Your Form). The same embed code works again.
  • The form was deleted, or data-path was changed. Copy a fresh code from a published form.

The form is cut off or the wrong size

The height adjusts automatically, so you should not set one. If the form still looks cut off:

  • Check that no parent element limits the height (for example max-height, overflow: hidden or a fixed height).
  • Remove any custom CSS on your site that targets the embedded form.
  • A very short form keeps a minimum height of 500px, so some empty space below it is expected.

Content Security Policy (CSP) blocks the form

Symptoms: the form does not load and the browser console shows "Refused to load" or "Refused to frame" errors.

If your website sends a Content Security Policy, it must allow FormRobin:

  • add https://formrobin.com to script-src, so the embed script can load
  • add https://formrobin.com to frame-src, so the form can be shown
  • example: Content-Security-Policy: script-src 'self' https://formrobin.com; frame-src 'self' https://formrobin.com;

Ask your website administrator or host if you are not sure how to change it.

The browser reports mixed content

  • Keep the script address exactly as copied, starting with https://. Changing it to http:// makes browsers block it on secure (HTTPS) pages.
  • Check that no plugin, proxy or CDN rewrites the address to http://.

You still see an old version

  • Hard refresh: Ctrl+F5 (Windows) or Cmd+Shift+R (Mac), or test in a private window.
  • Clear your website's cache (caching plugin or CDN) after changing the page.

Several forms on one page

Give each form its own <div class="formrobin-embed"> with its own data-path, and include the script once:

<div class="formrobin-embed" data-path="/f/first-form"></div>
<div class="formrobin-embed" data-path="/f/second-form"></div>
<script src="https://formrobin.com/js/embed.js"></script>

Do I need to allow my domain in FormRobin?

No. FormRobin forms can be embedded on any website; there is nothing to whitelist or configure. If the form still does not load, check the form itself at its own link (see Troubleshooting: Form Not Loading).

Still stuck? Contact support at support@formrobin.com with your page's URL and the embed code you used.

Frequently Asked Questions

Do I need to write my own frame code?

No. Paste the two-line embed code; the script builds and sizes the form for you.

How do I control the form's height?

You don't need to. The height follows the form's content. If something looks off, check that no parent element limits the container's size.

Can I style the embedded form?

Use the styling options in FormRobin's form editor (colors, fonts, buttons). CSS on your website cannot change the inside of the embedded form.

Related Articles