How to embed a Microsoft List form in a SharePoint page

If you are looking for a solution to increase the adoption of a new list in SharePoint or Microsoft Lists, getting it embedded in a new page might be a good approach.

By embedding the new item form in a SharePoint page, users will be able to add data to list without leaving the page context, making the process faster and less disruptive.

 

To embed the form in a SharePoint page you should to the following:

  1. Open the list in SharePoint or Microsoft Lists as you prefer
  2. Click on New to create a new item
  3. At the top of the new item form click on Copy link
    Embed Microsoft Lists form
  4. Return to the page where you want to Embed the form and add the embed webpart
    Embed Microsoft Lists form
  5. Instead of pasting the URL of the form directly let’s use an iframe tag, doing it this way allows you to control the height of the form in the page. Use the code below and replace the value in the src attribute
    1. <iframe src=“FORM_URL” height=“700px” width=“100%”></iframe>
  6. Save the page and Publish it

Every user will be able to create new entries to the list using the form that is available in the SharePoint page as the following image illustrates.

 

Once a new item gets added to the list, the form redirects the user to the default view; to see the form again in the page the user must click in the new item or reload the page.

This blog is part of SharePoint Week. Find more here.

About the Author:

I’m a Microsoft Office Development MVP

With a degree in computer science I’ve been working with SharePoint over the last seven years, mainly focused on creating collaboration and productivity solutions that drive the adoption of Microsoft Modern Workplace.
A true tech enthusiast and author of “HANDS ON SharePoint” and “HANDS ON Teams” blogs I love to share my knowledge.

Reference:

Ferreira, J. (2022).How to embed a Microsoft List form in a SharePoint page. Available at: https://sharepoint.handsontek.net/2022/02/08/embed-microsoft-list-form-sharepoint-page/ [Accessed: 27th April 2022].

Share this on...

Rate this Post:

Share:

Topics:

SharePoint

Tags: