How to Add a Link to SharePoint 2013 Suite Bar?

Requirement: Add a link to SharePoint 2013 suite bar.

Adding link to suite bar in SharePoint 2013 can be achieved by following these simple steps:

  • Open your SharePoint 2013 site in SharePoint designer 2013. Navigate to the “Master Pages” folder.
  • Right-click on your master page (by default: Seattle.master) and choose “Edit file in Advanced Mode”
    adding link to suite bar in sharepoint 2013
  • Locate the text: id=”DeltaSuiteLinks” and add the below code just below the DeltaSuiteLinks tag to add a link to suite bar of SharePoint 2013. <span id=”CustomerSupport” class=”ms-core-suiteLink”> <a class=”ms-core-suiteLink-a” href=””> <asp:Label ID=”lblCS” runat=”server” Text=”Customer Support”></asp:Label> </a> </span> add link to sharepoint 2013 suite bar
  • Save and close SharePoint designer. This adds a link to SharePoint 2013 suite bar, and you should see the new link as below:add link to suite bar sharepoint 2013

Edit and Place this jQuery on your master page, just above closing of HEAD tag (</head>).

<script type="text/javascript" src=""></script>
<script type="text/javascript">
 $(document).ready(function() {
 //Define new links
  var newLinks = "<li class='ms-core-suiteLink'> \
   <a class='ms-core-suiteLink-a' href=''>Extranet</a> \
   </li> \
   <li class='ms-core-suiteLink'> \
   <a class='ms-core-suiteLink-a' href=''>Customer Support</a> \
   </li> ";


Salaudeen Rajack

Salaudeen Rajack - Information Technology Expert with Two-decades of hands-on experience, specializing in SharePoint, PowerShell, Microsoft 365, and related products. He has held various positions including SharePoint Architect, Administrator, Developer and consultant, has helped many organizations to implement and optimize SharePoint solutions. Known for his deep technical expertise, He's passionate about sharing the knowledge and insights to help others, through the real-world articles!

Leave a Reply

Your email address will not be published. Required fields are marked *