Today one of my clients created a ticket asking whether it is possible to set up anchor/jump links for an Umbraco content page so that they could link different sections of the page together. This is a common scenario for most Content editors and it should be super easy with any CMS platform, right?
Houston, we got a problem!
Now an anchor or page jump link is a special URL that takes you to a specific place on a page and it normally requires a unique HTML element ID to link different parts of a page.
When I investigated my issue, I realised that the page sections of the Umbraco page didn't have unique IDs.
View Source Code comes to the rescue
In order to resolve the issue without any code changes, I decided to update the content using the built-in View Source Code feature of Umbraco CMS.
This feature is available on built-in property editors, like Rich Text Editor and is super handy for checking the code that Umbraco generates for your Front-end website and making minor adjustments to your page, like adding some "unique IDs" to your sections on your content page, which is exactly what I did to help my client.
After making the small change, I could use the anchor links as usual. This didn't just save me and my client time and money, but also helped me empower my client and in particular the Umbraco CMS content editors.