How to Add Page Anchor Links in SharePoint Online Modern Page?

Requirement: Add a modern page anchor link in SharePoint Online.

How to Create Bookmarks on a modern page in SharePoint Online?

Page Anchors are links to another section on the same page. E.g., Jump to a section, Table of contents, etc., on long pages. This can be useful for long pages with a lot of content, as it allows users to easily navigate to the information they are interested in. In SharePoint Online modern pages, you can add page anchor links using the text web part. This process is simple and only requires a few steps You can create the page anchor by using any heading style in the Text web part.

Step 1: Create a Page, add content, and format the Sub-headings with Heading styles, such as H1, H2, or H3. Save and Publish the page.

sharepoint online page bookmark

Step 2: Open the same page in a new tab, edit the page, and add text for links to these sections – E.g., “Table of Contents” in the top section of the page.

sharepoint online page anchor link

Step 3: On the published page, Just mouse over the subheadings that are formatted with heading styles. You’ll find a link next to those subheadings, and just copy the link from the published page. (These links don’t appear on pages in edit mode!)

sharepoint online modern page bookmark

Step 4: Now, Select the text you want to link on the page in edit mode, and click on the “Hyperlink” button in the toolbar.

sharepoint online add anchor in page

Step 5: Enter the link for the selected text you copied from the published page. Typically, it would look like: https://yourdomain.sharepoint.com/sitepages/page.aspx#section

sharepoint online modern page anchor link

That’s all! Now, clicking the links under “Table of Contents” will take users to the relevant sections of the page.

Conclusion

In conclusion, adding page anchor links to SharePoint Online modern pages is a straightforward process that can greatly improve the usability of your pages. By creating these links, you can allow users to quickly and easily navigate to specific sections of your pages, saving them time and effort as they search for the information they need. Whether you are working with a long page with many sections or simply want to provide an easy way for users to access specific information, page anchor links can be a valuable tool.

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!

2 thoughts on “How to Add Page Anchor Links in SharePoint Online Modern Page?

  • Do you have a solution for anchors on a highlighted content web part? I don’t want to arbitrarily insert text and take up space just to be able to create an anchor to the highlighted content web parts on my page.

    Reply

Leave a Reply

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