---
title: "Creating Anchor Links"
source: "https://docs.nexcess.com/software/kadence/blocks/creating-anchor-links/"
description: "Creating Anchor Links with Kadence Blocks Anchor links let you link directly to a specific section of your page. This is useful for creating navigation menus, “…"
vertical: "Software"
area: "Kadence Blocks"
date: "2025-09-09"
last_modified: "2026-07-02"
---

# Creating Anchor Links

Table of Contents

- [Creating Anchor Links with Kadence Blocks](#creating-anchor-links-with-kadence-blocks)
    - [Step 1: Add an Anchor ID to a Block](#step-1-add-an-anchor-id-to-a-block)
    - [Step 2: Create the Link to the Anchor](#step-2-create-the-link-to-the-anchor)
    - [Step 3: Test Your Anchor Link](#step-3-test-your-anchor-link)

# Creating Anchor Links with Kadence Blocks

Anchor links let you link directly to a specific section of your page. This is useful for creating navigation menus, “back to top” buttons, or linking to detailed sections of long content. Kadence Blocks makes it simple to add and use anchor links.

---

## Step 1: Add an Anchor ID to a Block

1. Open the page or post in the WordPress editor.
2. Select the block you want to link to (for example, a **Heading**, **Row Layout**, or any section).
3. In the **Block Settings** sidebar, expand the **Advanced** panel.
4. Locate the **HTML Anchor** field.
5. Enter a unique anchor ID (no spaces, only letters, numbers, hyphens, or underscores).  
    Example: `pricing`

[![](https://docs.nexcess.com/wp-content/uploads/2026/06/Add-Page-‹-teejay-—-WordPress-2025-09-09-at-10.50.12-AM.jpg)](https://docs.nexcess.com/wp-content/uploads/2026/06/Add-Page-‹-teejay-—-WordPress-2025-09-09-at-10.50.12-AM.jpg)

---

## Step 2: Create the Link to the Anchor

1. Use the HTML Anchor ID as the link for the Text Adv block, Button Adv block, or any element that can be used as a link.
2. Add a link in the format: `#your-anchor-id`
    - Using the example above, the link would be: `#pricing`

[![](https://docs.nexcess.com/wp-content/uploads/2026/06/Add-Page-‹-teejay-—-WordPress-2025-09-09-at-10.51.28-AM-1.jpg)](https://docs.nexcess.com/wp-content/uploads/2026/06/Add-Page-‹-teejay-—-WordPress-2025-09-09-at-10.51.28-AM-1.jpg)

---

## Step 3: Test Your Anchor Link

1. Save or update your page.
2. Preview the page.
3. Click the link. The page should scroll to the section where you added the anchor ID.

---