How can we help you today?

How to Add a Document to a Library from the Page

This article will demonstrate how to add a document to a SharePoint list from the site page. Follow the steps below to get started.

Add a Document



Documents Library

Step-by-step Tutorial

Follow the steps to learn how to add a document to a SharePoint list directly from the page:

Step 1: Copy the List= URL

Open the Document Library you would like to add a document to and click the cogwheel icon:

Cogwheel icon

Select Library Settings:

Library Settings

Click More library settings:

More library settings

From the address line of the browser, copy the part of the URL that goes after List=


Step 2: Decode the copied URL

Use a URL decoding tool and paste the copied URL in the field provided:

URL decoding tool

Click Decode url:

Decode URL

Copy the decoded URL:


Replace the {document library id} below with the decoded URL:

    http://sitecollectionurl/_layouts/Upload.aspx?List={document library id}

Then, replace sitecollectionurl with your site address:


Your Link URL will now look like this:{3c1c2b6c-4610-492a-b50a-389de83ee36a}

NOTETake note of this URL as you will use it on one of the next steps.

Step 4: Edit the SharePoint Page

Go to the SharePoint site you want to use and click Edit:


Click the ShortPoint tag:

ShortPoint tag

Select the pencil icon:

pencil icon

Click the Switch to Grid Mode icon:

Switch to Grid Mode icon

NOTEBefore proceeding with the next steps, make sure you already have a Panel Design Element with a File List inside.

Look for the Panel Design Element you want to use and click the cogwheel icon:

cogwheel icon

Go to the Design tab:

Design tab

Add a Link Text. This will be the text that will prompt your users to add a document. For this guide, we will use + Add a Document.

Link text

Paste the Link URL you created in Step 3 in the Link field:

Link URL

Under Link Type, select Button:


Under Linking options, select Lightbox:


NOTECheck out Types of Linking Options to learn more about the choices under the Linking Options field.

Then, click Preview to see how your panel will look on your page:


Once satisfied, click Update:


Step 6: Connect a File List to a Document Library

Check out  Connect Basic Tutorial to learn how to connect your File List to a Document Library. Once done, your File List will look like this:

connected file list

Step 7: Save

Click the eye icon to see how your page will look in real-time:

eye icon

Once satisfied, click Save:


Congratulations! You can now add documents directly from your page. 

add a document

Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 69 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more