How to Create Custom Promoted Link Tiles in SharePoint?

What is a promoted link in SharePoint?

Promoted links list is one of the new list type (App) introduced out of the box in SharePoint 2013, It’s actually a list with a special view which shows the list items as tiles. Here is an example of a SharePoint 2013 team site with promoted links  Metro UI.

promoted links sharepoint 2013

Obviously, We can create our own Tiles like the one in “Get Started with your site”, which is shown on all new team sites in SharePoint 2016. Let’s create a Promoted Links as a Quick Navigation on a SharePoint support site’s Home Page.

add an app in sharepoint online
In Short, create a new Promoted Links list and add links that you need to display as tiles. Then add the Promoted Links App on a page to display links as Tiles.

Step 1: Create New Promoted Links List:

  1. To begin creating a Promoted Links list, Click on Site Settings Gear >> Choose “Add an app” linkadd promoted links sharepoint 2013
  2. Click on “Promoted Links” App list type
    promoted links app sharepoint 2013
  3. You will be prompted for a list name. In my case, Its “Support Linkssharepoint 2013 promoted links feature
  4. Once you have created the Promoted Links, You can add links to the list by providing values such as: Link title, Description, Background Image Location(complete path of any existing image store anywhere – The tiles are 150px by 150px), Image Tooltip, Link behavior (Open link in a separate window), Order (The lowest number will be the first tile). In my case, I’ve added links such as “Add New Site”, “Request for Expert Help”, etc.
    edit promoted links in sharepoint 2013
Edit promoted links in SharePoint 2013: Change the Tiles view to All Promoted Links view to edit Promoted Links! Otherwise, You can’t edit them!!

Step 2: Add the Promoted Links List App to the Home page
Once you added all the required link items, you have to add this App to the page wherever required (typically on Home page!).  You can remove the above tile using remove this link and create your own tiles

  1. Navigate to the page where you where you want to add your tiles. Click on “Edit page”6 edit page
  2. Click on Insert tab >> App Part
    7 insert app part
  3. Select the promoted links list (in my case its “Support Links”) and click on add button to add it to the page.8 add support links
  4. Save the page once done.

This is how my tiles view looks like:
9 promoted links result

Salaudeen Rajack

Salaudeen Rajack is a SharePoint Architect with Two decades of SharePoint Experience. He loves sharing his knowledge and experiences with the SharePoint community, through his real-world articles!

3 thoughts on “How to Create Custom Promoted Link Tiles in SharePoint?

  • July 25, 2017 at 8:25 AM

    If some one needs expert view on the topic of running a blog then i advise
    him/her to pay a visit this web site, Keep up the pleasant work.

  • December 29, 2014 at 11:56 AM

    Thanks for Article!
    I have one another challenge I would like to show only those promoted link of document library for what user having access to.. Can you please help me for this solution?
    Piyush Patel

  • July 18, 2014 at 9:55 AM

    Great write up – thanks. I have got the promoted link showing up and it links to the correct page but the image is missing. I have tried png, jpg’s, resized to 150×150 and saved them in documents and site assets but nothing seems to work. Any Suggestions ?
    Can you help with


Leave a Reply