SharePoint online quick links web part – How to use

Want to know how to use SharePoint online quick links web part, keep reading. Here, we will discuss various points related to the quick links web part in SharePoint Online modern site.

• SharePoint online quick links web part
• SharePoint quick links sort
• SharePoint quick links change order
• SharePoint quick links open in new tab
• SharePoint quick links web part missing
• SharePoint quick links web part image size
• how to add quick links web part in SharePoint online
• SharePoint online web part gallery
• SharePoint modern quick links open in new tab

SharePoint online quick links web part

Do you remember using SharePoint promoted links web part to display links on the SharePoint classic team site home page?

Here is an alternative to that, we can use quick links web part in SharePoint Online modern sites to display useful links so that users can navigate to the resource with just one click.

There are different layout options we can use in the quick links web part.

The quick links web part we can use in a modern SharePoint team site or communication site, but it is not available in the classic SharePoint site. The quick links web part also available in SharePoint 2016 and SharePoint 2019 modern sites.

Add Quick Links web part in SharePoint Online

Now, let us see how we can add quick links web part in SharePoint Online.

Open your modern team site home page or any site page. Here I will add in the modern teams site home page. Click on Edit link like below:

Then in the Edit mode, you can either add a section or click on the + icon to add a web part into the SharePoint page. This will open the modern sharepoint web part gallery where you can see lots of web parts that you can use in your SharePoint site.

Then search for Quick links and you can the web part like below. Click on the web part to add to the page.

By default you can see the web part like below, where we can configure various properties. Here you click on the Quick links (highlighted in red) to give a title for the web part.

Then click on the + Add links to add links to the web part. You can also see I have changed the title to “Quick Training Links”.

There are various source from where you can add the links:

#1- Recent:

Here it will display the recent items which you can select to add in the quick links web part. It will display recent pages, recent documents etc.

Once you select one item, the links will be added like below and the Quick links web part looks like below.

It will also provide option, where you can change the item (link).

You can also change the Item Title and you can select Thumbnail from the below sources:

• Auto-selected: Based on the document type, it will pick a thumbnail. Here I have selected a page, so the default page icon will appear.
• Custom image: Once you select the Custom image option, it will open a dialog box where you can choose the image from various data sources like Recent images, stock images, web search, OneDrive, Site, upload, and From a link. If you want to upload an image from your system select the Upload option. And also for the stock images and web search images check the licenses.
• Icon: When you select the icon option, it will open a dialog box from where you can choose an icon from a list of icons.

Anytime if you want to edit an item from the Quick links web part in SharePoint Online, just hover the item and you can see the Edit icon like below:

This way you can add any individual item in sharepoint quick links web part.

#2: Stock images

From Stock images also you can select images for your quick links web part in SharePoint online.

#3: OneDrive

We can also select files from the OneDrive. It will display the files form onedrive that you can select to add quick links web part in sharepoint.

#4: Site

When you will select the Site option, it will display all the SharePoint document libraries presented in the current site. You can select any libraries and then any file’s links.

#5: Upload

You can also upload from your local system directly and let it add as an item in the SharePoint Online quick links web part.

#6: From a link

Another interesting option, you can choose From a link, here you can provide a link to a site, page, document, list, library etc.

Apart from the above, you can also provide an email address by adding mailto:bijay@tsinfo.onmicrosoft.com

You can see below I have added 6 links into the SharePoint Online modern team site quick links web part.

SharePoint online quick links web part layout options

Now, let us check out the SharePoint online quick links web part layout options. To change the layout of the quick links web part, click on the Edit web part icon and then you can see various layouts.

#1- Compact

Once you select the compact layout, you can see below how the quick links will look like.

#2- Filmstrip

If you will select the Filmstrip layout in the SharePoint quick links web part it will appear like an image carousal.

#3 Grid

SharePoint Online modern site quick links web part grid layout will appear like below:

#4 Button

SharePoint online quick links web part button layout is one of my favorites, it has a few additional options are also there. Like you can select button appearance like Fill color, Icons position, Alignment, Title text.

You can see how it looks like:

#5 List

If you will select the list layout for the quick links web part, it will appear like below:

#6 Tiles

If you will select the Tiles layout for the quick links web part, it will ask you to choose the icon size like Small, Medium, Large, Extra large or Fill space like below.

And this is how the quick link tiles layout looks like. You can even select only icon or image, that will display just the image without any text.

This is how we can add and use quick links web part in SharePoint online modern team site or communication site.=

SharePoint quick links change order

Now, let us see how to change order of links in the SharePoint quick links web part.

In the edit mode, when u hover a link, one reorder items link will appear like below. Then you can use Ctrl + left arrow or Ctrl + right arrow to change the order of the quick links web part link’s order.

This is how we can change order in quick links web part.

SharePoint quick links open in new tab

Now, let us see how to open quick links in a new tab in SharePoint.

According to Microsoft In modern pages, we open links within SharePoint in the same tab by default, and external links in a new tab. In the text web part, users can specify to open links in a new tab, but that isn’t the default behavior. Similarly, for navigation links, they follow the same rule (within SharePoint, same tab, external to SharePoint in a new tab). This is true of the modern web parts that support linking as well (hero, quick links, images, etc.) This is the pattern we’ve adopted for consistency. Check out here.

So here the best way to educate the user to use the browser behavior.

Right click on the link and click on Open link in new tab like below:

This is how we can open quick links web part links in new tab in SharePoint.

SharePoint quick links web part missing

You might see SharePoint quick links web part missing layout options like below:

If you are trying as of now, there is complete chance you will see all the 6 layout options.

Also, make sure you have selected the First release for everyone in the Release preferences in the Office 365 admin center. You can check out this article.

SharePoint quick links web part image size

Let us see SharePoint quick links web part image size.

• In the quick links compact layout, the icon size is 48 x 48 px.
• And for the Filmstrip layout the image size will be 212 to 286 px in width.
• The image size for quick links web part for grid layout is around 286 x 160 px.

You may like the following SharePoint tutorials:

• Convert classic SharePoint site to modern communication site using PowerShell
• Embed PowerApps in SharePoint modern page
• How to change SharePoint Online Modern Site Theme
• How to Set up Alerts in SharePoint Online Modern List
• Create modern team site SharePoint Online programmatically using PnP CSOM
• Save list as template missing in SharePoint Online modern team site
• Add Calendar List in the Modern SharePoint Online Site Pages
• Enable or Disable Notebook Link in SharePoint Online classic and modern sites
• Difference between classic and modern search experience in SharePoint Online
• How to embed PowerApps in modern SharePoint Online page
• SharePoint Online Modern List: Explore 11 New Features
• Quick Chart Web Part in Modern SharePoint Online Site
• SharePoint Online Highlighted Content Web Part
• Microsoft Lists – Detailed Tutorial

In this tutorial, we learned how to use SharePoint Online quick links web part and a few below things:

• SharePoint online quick links web part
• Add Quick Links web part in SharePoint Online
• SharePoint online quick links web part layout options
• SharePoint quick links change order
• SharePoint quick links open in new tab
• SharePoint quick links web part missing
• SharePoint quick links web part image size