Articles on: 6. Content FAQs

How to Create and Use Anchor Links

Anchor links—also known as "jump links" or "page jumps"—are a powerful way to improve user experience by letting your clients quickly navigate to specific sections of a page or post. Whether you are building a long post, a FAQ page, or a one-page site, anchor links can help streamline navigation.


An anchor link allows users to "jump" directly to a section of the same page (or another page) by clicking a link. It works using an HTML element's id attribute.


For example:

Clicking "Go to Features" takes the user to the "Features" section lower down the page.



Step 1: Add an HTML Anchor ID to a Block/Section/Kadence Element

  • Open the page or post you’re working on in the WordPress block editor.
  • Click on the block or any element where you want the user to jump to (e.g., a heading or section).
  • In the right sidebar, go the Advanced section
  • Scroll down to Advanced setting, under HTML Anchor, type a unique ID without the # symbol.



HTML Anchor Syntax:

  • HTML Anchor must be unique within a document.
  • HTML Anchor is case-sensitive.
  • While HTML Anchor can include following symbols: hyphen(-), underscore(), colon(:), period(.), we suggest using only the hyphen(-) or underscore(). It cannot include space.
  • HTML Anchor must start in the alphabet.


Step 2: Create the Link to your HTML anchor

  • Highlight the element you want to link, keep in mind you can only use elements that support links, for example text, image, buttons, etc.
  • Select the link option from the block’s toolbar.
  • Make sure you submit your link



Note: If you want to jump to another page’s anchor, then specify URL with HTML Anchor.

For example, website.com/anotherpage#featured-gallery






Updated on: 25/09/2025