> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.stylecloud.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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.
---

### How to Add Anchor Links 

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.

![](https://storage.crisp.chat/users/helpdesk/website/-/4/b/4/3/4b432516dd882000/how-to-add-anchor-links-1_1jludfc.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/4/b/4/3/4b432516dd882000/how-to-add-anchor-links-2_oa0be5.png)

Note: If you want to jump to another page’s anchor, then specify URL with HTML Anchor.
For example, website.com/anotherpage#featured-gallery

![](https://storage.crisp.chat/users/helpdesk/website/-/4/b/4/3/4b432516dd882000/how-to-add-anchor-links-3_qcgpfi.png)