Promoted Links App in SharePoint 2013 Online

In this article, we'll walk through the process of creating a Promoted Links App, as well as some of the list type's key features. Promoted Links is a new feature through which you can promote your custom links on various pages. The classic example would be the default one you see on the page as in the following.

page

Step 1: Login into SharePoint 2013 online.

Click "Settings" -> "Site Contents".

Site Contents

Step 2: Click "Promoted Links App".

Promoted Links App

Step 3: Now the app is added; add a Promoted Links as follows.

Added and add Promoted links 
 
Promoted links

Step 4: Add List Items to the newly created Promoted Link List.

newly created Promoted Link List

Step 5: Provide a Title, Background Image Location, Link Location and Launch Behavior. In this case, I'm going to pick Microsoft and the c-sharpcorner website as my Promoted Links and it is clearly depicted below.
 
Link Location and Launch Behavior
Custom Promoted links

Step 6:
  • Edit the “Default.aspx" page
  • Insert a Web Part under the Apps Category
  • Select your Promoted Links. In this example “Custom Promoted Links”

Select your promoted links 

Step 7:
  • Check in the changes.
  • Publish “Default.aspx”.

aspx 

Step 8:

That's it. The final output is pretty cool.

  • Just hover over the link.
  • Click on it to go to home page of your promoted products.

home page of your promoted products