Use the Quick Links web part

When you add a modern page to a site, you add and customize web parts, which are the building blocks of your page. This article describes the Quick links web part.

With Quick links, you can "pin" items to your page for easy access.

Pinned example

Add the Quick links web part

  1. If your page is not already in edit mode, click Edit at the top right of the page.

  2. Hover your mouse above or below an existing web part and you'll see a line with a circled +, like this:

    Plus sign for adding web parts to a page

  3. Click Circled plus sign used to add a modern web part to a page and then select the Quick links web part.

  4. Type over the Quick links title to add your own title.

    Quick links web part
  5. Click the Edit web part Web part edit button button to set your options:

    Quick links layout options

  6. Select a layout, and choose the options you want for that layout. Each layout has different options. For example, you can choose to Show image in layout for the Compact layout, and you can choose to Show descriptions for List and Button layouts.

    Here is a comparison of how each of the layouts look:

    Compact

    Compact view of Quick Links

    The compact layout is designed to show icons at 48 x 48 px.

    Filmstrip

    Comparison of Quick links compact and filmstrip

    The Filmstrip layout is designed to show images that at 212 to 286 px in width, with an aspect ratio of 9/16 where height is 9 and width is 16.

    Grid

    SharePoint Online only

    Viewing quick links in the grid layout

    Button

    SharePoint Online only

    Button layout of quick links

    List

    SharePoint Online only

    List layout

    Tiles

    SharePoint Online only

    Quick links in a tile layout

Add links

  1. Click + Add.

  2. Choose a recent file or get a file from your site, your computer, or a link. To choose an item for your link, first choose the location from which to get your link:

    • Recent: If you have recently opened images, pages, or documents you'll find them listed here.

    • Your organization: If your organization has a set of approved assets, you can select from this set. If you're a SharePoint Admin and want to learn how to create an asset library for Your organization, see Create an organization assets library.

    • OneDrive: You can get a link for a document or image you have stored on OneDrive. This option is available in SharePoint Online, but not SharePoint Server 2019.

    • Site: You can get a link for a document, image, or page from a site you specify.

    • Upload: You can upload a document or image from a personal device.

      Note: Documents and images are uploaded by default in the Site Assets library. 

    • From a link: Enter a link for your page, document, or image from OneDrive for Business or SharePoint Online.

  3. Select your image, page, or document and click Open.

  4. In the toolbox on the right, you'll have options for each link. The options depend on the settings you've chosen for the layout. For example, if you chose to Show descriptions for a list layout, you can add a description for the individual link. Other types of options for individual links, depending on the layout options, include changing the image, formatting icons, adding descriptions, and adding alternative text.

    Options for an individual quick link

Edit links

  1. If your page is not already in edit mode, click Edit at the top right of the page.

  2. Hover over the item you want to edit, and select the Edit item pencil at the bottom of the item you want to edit.

    Quick link edit button

    This will open the toolbox for that item where you'll have options for that link. The options depend on the settings you've chosen for the layout. For example, if you chose to Show descriptions for a list layout, you can add a description for the individual link. Other types of options for individual links, depending on the layout options, include changing the image, formatting icons, adding descriptions, and adding alternative text.

    Options for an individual quick link

    To remove links, click the X for the item. To reorder links, drag and drop items to new positions using the Move button. Move button You can also reorder links using Ctrl + Left or Ctrl + Right arrow keys.

    Edit, Move, Delete for Quick Links

    Note: You cannot reorder links in the Filmstrip layout.

Expand your Office skills
Explore training
Get new features first
Join Office Insiders

Was this information helpful?

Thank you for your feedback!

Thank you for your feedback! It sounds like it might be helpful to connect you to one of our Office support agents.

×