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

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

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.