How To Add A List To A SharePoint Page: Drag And Drop Simplicity

I spent years avoiding SharePoint because it felt clunky. Then I discovered the drag-and-drop list feature and everything changed. This one trick turns a static page into a dynamic workspace in under 2 minutes.

No coding, no special permissions—just point, click, and place. I’ve tested this across dozens of sites for teams of all sizes, and it works the same every time. The interface is cleaner than you remember from old versions.

You’ll get a fully functional list that updates in real time, syncs with other apps, and keeps your data organized. My teams now use this for everything from task tracking to inventory management.

Works on modern SharePoint Online and most on-prem versions. Here’s how to set it up.

What Youll Need

Instructions

Here is the streamlined approach I use to get this done efficiently every time.

Open your preferred browser and go to the SharePoint site where you want to add the list. Sign in if prompted, then locate the specific page that needs modification. I always double-check the URL to confirm I’m in the correct site collection before proceeding.

Click Edit in the top-right corner of the page to switch into edit mode. The page border will change to indicate you now have editing permissions. If the Edit button is grayed out, you may lack the necessary permissions.

While in edit mode, hover over the section where you want the list to appear. A plus sign (+) will appear—click it to reveal the web part picker. This is where you select the type of content to add.

In the search bar, type List and select the List web part from the results. This action adds the web part to your page, but it won’t display any data yet. You’ll configure it next.

With the List web part selected, click the pencil icon (Edit web part) in the left-hand pane. Here, you’ll choose whether to create a new list or use an existing one. For this example, I’ll assume you’re pulling from an existing list.

Select Existing list and pick the desired list from the dropdown menu. The web part will preview a sample of the list data. If the list is empty, you’ll see a prompt to add items. Confirm your selection by clicking Add to page.

Now, fine-tune how the list appears. In the web part settings, toggle options like compact layout for a denser view or tiles for a more visual presentation. I prefer compact layout for data-heavy lists, as it maximizes visibility.

Adjust the number of items displayed by setting the Item count field. The default is 10, but you can increase this to 30 or more if the list is critical. Save your changes when satisfied.

Once the list looks correct, click Save in the top-right corner to commit your changes to the draft. This step ensures no progress is lost. Then, click Publish to make the updated page live for all users.

Verify the list appears as expected by refreshing the page in a new tab. If the list doesn’t load, check that you’ve published the page and that the data source list contains items. Troubleshoot permissions if the list remains blank.

Tips and Common Mistakes

Small details make the difference between a smooth process and hours of frustration with this.

Permission Check: Before you start, verify you have edit rights in Step 1. I’ve wasted time troubleshooting display issues only to realize I was working in view-only mode. The Edit button will be grayed out if you lack permissions, so address this first.

Web Part Placement: In Step 2, the plus sign only appears when hovering over valid zones. Don’t click randomly—hover deliberately over the section where you want the list. I prefer adding web parts to the top of the page for visibility.

Display Optimization: For Step 4, if you’re showing more than 10 items, consider the compact layout. I’ve found that 30 items in tile view becomes overwhelming, while compact keeps everything scannable. Save after each adjustment to avoid losing changes.

Final Verification: After publishing in Step 5, always check in a new incognito window. This catches permission issues you might not see while logged in. If the list doesn’t appear, double-check both the page publication status and the data source.

Frequently Asked Questions

Adding a list to your SharePoint page is a breeze with the drag-and-drop feature. Now that you’ve mastered this, try customizing your list with columns or views to make it even more powerful. Happy organizing! 🚀