Adding a Form to SharePoint

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 the Publish tab.
2. Click Embed on the left.
3. Select the Iframe option.

4. Click the Copy Code button.

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>

4. Next, click the Add New Web Part (+) icon in your SharePoint page editor.
5. In the Advanced section, select Embed.

6. 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.

7. Publish the page, and that’s it.