How to “Easily” Add Anchor Links in WordPress (Step by Step)

Anchor links are a great way to help users navigate your WordPress website. They allow you to create links that jump to specific sections of your content, making it easy for users to find what they’re looking for quickly and easily.

There are a few different ways to add anchor links in WordPress. In this tutorial, we’ll show you three easy methods:

Method 1: Using the WordPress block editor

The WordPress block editor makes it easy to add anchor links to your content. To do this, simply follow these steps:

1. Open the post or page that you want to add the anchor link to.
2. Click the “+” button to add a new block.
3. Select the “Heading” block.
4. Type in the text for your anchor link.
5. In the block settings, click the “Advanced” tab.
6. In the “HTML ID” field, enter a unique ID for your anchor link.
7. Click “Update”.

Your anchor link is now ready to use. To create a link to it, simply add the following code to any text:

Code snippet

<a href="#your-anchor-link-id">Your link text</a>

Use code with caution. 

For example, if your anchor link ID is “about”, the code would look like this:

Code snippet

<a href="#about">About Us</a>

Use code with caution. 

Method 2: Using the TinyMCE Advanced plugin

The TinyMCE Advanced plugin adds a number of new features to the WordPress editor, including the ability to add anchor links. To use this plugin, simply follow these steps:

1. Install and activate the TinyMCE Advanced plugin.
2. Go to “Appearance” > “Editor”.
3. In the “Advanced” tab, scroll down to the “Anchor Links” section.
4. Check the “Enable Anchor Links” checkbox.
5. Click “Save Changes”.

Now you can add anchor links to your content using the following code:

Code snippet

[anchor id="your-anchor-link-id"]Your link text[/anchor]

Use code with caution. 

For example, if your anchor link ID is “about”, the code would look like this:

Code snippet

[anchor id="about"]About Us[/anchor]

Use code with caution. 

Method 3: Manually adding anchor links

If you’re not using the WordPress block editor or the TinyMCE Advanced plugin, you can still add anchor links to your content manually. To do this, simply follow these steps:

1. Locate the section of your content that you want to link to.
2. Highlight the text that you want to use as the link.
3. Click the “Insert Link” button.
4. In the “Link URL” field, type in the following code:

Code snippet

#your-anchor-link-id

Use code with caution. 

For example, if your anchor link ID is “about”, the code would look like this:

Code snippet

#about

Use code with caution. 

5. Click “Insert”.

Your anchor link is now ready to use. To create a link to it, simply add the following code to any text:

Code snippet

<a href="#your-anchor-link-id">Your link text</a>

Use code with caution. 

For example, if your anchor link ID is “about”, the code would look like this:

Code snippet

<a href="#about">About Us</a>

Use code with caution. 

I hope this tutorial helps you learn how to add anchor links in WordPress.