Adding a Form to SharePoint

August 3, 2022

SharePoint empowers teamwork with dynamic and productive team sites for every project team, department, and division. It allows you to share files, data, news, and resources. You can customize your site to streamline your team’s work. With SharePoint, you can collaborate effortlessly and securely with team members inside and outside your organization across multiple devices.

If you wish to embed your form to SharePoint, please follow the steps below.

Getting the Embed Code for SharePoint

  1. In the Form Builder, go to Publish tab.
  2. Click Embed on the left.
  3. Select the Iframe option.
jotform-iframe-embed-for-sharepoint.png
  1. Click the Copy Code button.
jotform-iframe-copy-code-button.png

Once you have the iframe code, the next step is to embed it in SharePoint.

Embedding a Form in SharePoint

You will have to tweak the iframe code before pasting it to your SharePoint editor.

  1. First, remove the script part of the code by deleting all the lines after </iframe>.
  2. Add the width and height properties to the iframe and set it to “100%”.

So, the output would look like the following:

<iframe
width="100%"
height="100%"
id="JotFormIFrame-213201803950041"
title="Form "
onload="window.parent.scrollTo(0,0)"
allowtransparency="true"
allowfullscreen="true"
allow="geolocation; microphone; camera"
src="https://form.jotform.com/213201803950041"
frameborder="0"
style="
min-width: 100%;
height:539px;
border:none;"
scrolling="no"
>
</iframe>
  1. Next, click the Add New Web Part (+) icon in your SharePoint page editor.
  2. In the Advanced section, select Embed.
jotform-sharepoint-add-module-icon.png
  1. Paste the modified iframe code in the embed code box on the right side of the page. If there are no errors, you should see the form automatically.
jotform-sharepoint-embed-block-with-iframe.png
  1. Publish the page, and that’s it.

Notes

  • You may need to set the iframe’s scrolling property to “yes”.
  • You will most likely get an error if your iframe embed does not conform to SharePoint’s embed policy. If you can’t get it to work, contact us for help.
Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • t.ho
  • ck112358
  • jamie.sullivan
  • risboro
  • Angel