How to embed form to Sharepoint?

  • aweir
    Asked on January 18, 2024 at 10:51 AM

    I created a Jotform I would like to embed in Sharepoint. I tried to follow the steps listed, but could not find the same selections to make as the ones that were listed. Our IT Department tried to help, but then found that the code you are supposed to copy and paste was not functioning either. Our IT rep believes the issue is with the embed code.

  • Christopher JotForm Support
    Replied on January 18, 2024 at 10:57 AM

    Hi Anna,

    Thanks for reaching out to Jotform Support. Which embed code have you tried using? Could you try using the iframe embed code? Here's how to do it:

    • In Form Builder, in the orange navigation bar at the top of the screen, click on Publish.
    • Click on Embed on the left side of the screen.
    • Select Iframe.
    • Click on Copy Code.

    How to embed form to Sharepoint? Image 1 Screenshot 20

    For more information about how to embed forms, check out these guides:

    Also, it would help us to understand what’s happening if you could take a screenshot and send it to us. We have a guide here explaining how to do that.

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

  • aweir
    Replied on January 19, 2024 at 12:17 PM

    I followed the steps for the iFrame, and got the error message in the screenshot below:

    How to embed form to Sharepoint? Image 1 Screenshot 20

    When I tried a different embed code, it said that only iFrame was supported. So I believe the iFrame is the right selection, but the code is an issue.

  • Mikhail JotForm Support
    Replied on January 19, 2024 at 12:37 PM

    Hi Anna,

    Thanks for getting back to us. You need to modify part of the Iframe code to make it work. Let me show you how it's done:

    • Delete the script part after the tag </iframe>.
    • Add Height and Width to the Iframe code and set it to 100%. It will look something like this:
     <iframe width="100%" height="100%" id="JotFormIFrame-240184788490062" title="Form" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/240184788490062" frameborder="0" style="min-width:100%;max-width:100%;height:539px;border:none;" scrolling="no" > </iframe> 


    You can also check out this guide on how to Add your form to Sharepoint.

    Give it a try and let us know if you have any other questions.

  • Scott
    Replied on January 19, 2024 at 12:45 PM

    Hi Christopher,

    I'm the IT rep helping on this case. I've got a test sharepoint page going where I've opened all of the restrictions for outside content in embed code. I tested the iFrame code in this sharepoint and got the same results.


    How to embed form to Sharepoint? Image 1 Screenshot 20

  • Scott
    Replied on January 19, 2024 at 12:55 PM

    Hi Mikhail,

    Apologies I had not refreshed the page to see your response. I tried this in my test sharepoint and it looks like I can make this work. Thanks for your help!

  • Joshua_T JotForm Support
    Replied on January 19, 2024 at 12:59 PM

    Hi Anna,

    Thanks for getting back to us. I am sorry you are having trouble with this. When I checked the screenshot that you shared with us, I saw that the script part is still added. Please remove it and only paste the iframe part, which will look exactly like this:

    <iframe width="100%" height="100%" id="JotFormIFrame-240184788490062" title="Form" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/240184788490062" frameborder="0" style="min-width:100%;max-width:100%;height:539px;border:none;" scrolling="no" > </iframe>


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