The embedded form isn't displaying properly—showing top corner of page

  • Stucki_Ryan
    Asked on March 19, 2025 at 5:16 PM

    Hi there,

    We have embedded a Jotform on one of our pages. The form loads initially, but then refreshed/redirects and shows the top left of the same page. It's doing this when using the iFrame, as well as the WordPress embed method. All other embed methods aren't showing the form at all.

    The form should be appearing under "How much can you save with solar?"

    The embedded form isnt displaying properly—showing top corner of page Image 1 Screenshot 20

  • Stucki_Ryan
    Replied on March 19, 2025 at 6:33 PM

    Hi there,

    We were emailed an embed link to try. I tried it, and the embed is still showing the same issue as above when we're not logged into WordPress.

  • Lorenz JotForm Support
    Replied on March 19, 2025 at 10:49 PM

    Hi Ryan,

    Thanks for reaching out to Jotform Support. Can you try embedding the form on another page in your website, and see if it'll work? I suggest create a test page and embed it there. This will help us narrow down the issue.

    Additionally, can you also try embedding the form on the same page, where the issue is happening, using the iFrame embed code below:

    <iframe
          id="JotFormIFrame-250564701609052"
          title="Lead Intake Form"
          onload="window.parent.scrollTo(0,0)"
          allowtransparency="true"
          allow="geolocation; microphone; camera; fullscreen"
          src="https://formjotform.claystructures.com/250564701609052"
          frameborder="0"
          style="min-width:100%;max-width:100%;height:1239px;border:none;"
          scrolling="no"
        >

        </iframe>
        <script src='https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js'></script>
        <script>window.jotformEmbedHandler("iframe[id='JotFormIFrame-250564701609052']", "https://formjotform.claystructures.com/")</script>

    Give it a try and let us know how it goes.     

  • Stucki_Ryan
    Replied on March 21, 2025 at 4:42 PM

    Hi there,

    I've received your recommendations. We've tried it out, and it's still showing the form incorrectly. The form window is now taller, and is still showing a little window into a duplicate of the site. I've created a screen capture showing us trying the code on a new page, and trying your new embed code.

    Screenshare showing our attempt:

    https://www.loom.com/share/a32378ea34254d20b949294743af1cbe?sid=f6e3ad8c-9796-4947-8f8b-601681c09a11

  • Ronald JotForm Support
    Replied on March 21, 2025 at 6:00 PM

    Hi Ryan,

    I embedded the Iframe code into our test website to see if we can encounter the issue, but everything was working properly. Check out the screencast below to see my results:

    The embedded form isnt displaying properly—showing top corner of page Image 1 Screenshot 20

    It is possible that the issue is related to some of your website settings or WordPress settings. You might want to check by clearing your website cache or reach out to WordPress support for more help.

    Let us know if there’s anything else we can do for you.