How to Create an Anchor Link in WordPress

Introduction to Anchor Links in WordPress

An anchor link sends visitors to a set spot on the same page. It is also called a jump link. This guide shows how to create an anchor link in WordPress.

The process has two parts. First, add a unique ID to the target block. Next, link to that ID with a hashtag.

For example, an ID named pricing uses the link #pricing. The browser then moves to the matching section.

You can build anchor links in Gutenberg or the Classic Editor. Basic links need no extra plugin. The WordPress page jump guide explains this core feature.

Why Use Jump Links?

Anchor links shorten the path to useful content. Readers can skip long openings and reach the right section.

They work well on long guides, sales pages, help posts, and legal pages. They also support a clear table of contents.

A back to top link helps readers return to the page start. Clear labels also help keyboard users understand each target.

• Reduce scrolling on long pages
• Help readers scan key sections
• Make contents lists more useful
• Give calls to action a clear target

How to Create an Anchor Link Step by Step

The steps differ slightly between WordPress editors. Both methods create the same HTML anchor tag.

Add an Anchor in Gutenberg

Open the page in the WordPress block editor. Select the heading or block that should receive the link.

Open the block settings panel. Find the Advanced section and locate HTML anchor.

Enter a short ID, such as contact-details. Do not add the opening hashtag in this field.

WordPress adds the ID to that block. Save the page before you test the link.

Add an Anchor in the Classic Editor

Open the page in the Classic Editor. Switch from the Visual tab to the Text tab.

Find the target heading or element. Add an ID inside its opening tag.

For example, use <h2 id="contact-details">Contact details</h2>. Use a new ID for every target.

Return to the Visual tab and update the page. Test the link in a separate browser tab.

1. Choose the section that needs a direct link
2. Add a unique ID to the target block
3. Create a link with the matching hashtag
4. Open the link and check its landing point

How to Link to an Anchor

Select the words that should become the link. Click the link button in the block toolbar.

Enter the hashtag and exact ID. For contact-details, enter #contact-details.

Apply the link and save the page. Then test it on both desktop and mobile screens.

To link from another page, use the full page address and hashtag. For example, use https://example.com/guide/#contact-details.

If you need to learn how to insert a link in WordPress, select content first. Then paste the target address into the link field.

This is also how to make a link in WordPress for another page. Choose a page from the link search box, or paste its URL.

Other Useful WordPress Link Types

Buttons, Images, and Downloads

To learn how to link a button to a page in WordPress, add a Buttons block. Paste the page address into its link field.

To learn how to link images in WordPress, select the image block. Choose the link option and add the target address.

This also explains how to make an image a link in WordPress. Use a clear image purpose and a useful link target.

For a file, upload it to the Media Library and copy its file address. Paste that address into linked words or a button.

That is how to create a download link in WordPress. It is also how to make a download link in WordPress.

Phone, Email, and Custom Links

To learn how to link a phone number in WordPress, use the format tel:+15551234567. Test it on a mobile device.

A custom link is a URL that you enter yourself. So, what is a custom link in WordPress? It is useful for outside pages, files, and special URL schemes.

If you wonder how to embed a link in WordPress, add the address to linked text. WordPress then turns the selected words into a link.

Nofollow, Redirects, and Link Relations

A nofollow link asks search crawlers not to pass ranking credit through that link. To learn how to create a nofollow link in WordPress, open the link settings.

Some themes show a field for link relations. If not, use the HTML editor and add rel="nofollow" to the link.

What is link rel in WordPress? The rel value describes the link's relationship with the current page.

To learn how to make a redirect link in WordPress, use a trusted redirect tool. Point the old address to the new address, then test both URLs.

Social and Marketing Links

Social links use the same WordPress link tool. Add the full address to your profile or campaign page.

For example, how to link Facebook to WordPress is simple. Add your Facebook profile address to text, an icon, or a button.

The same steps explain how to link Facebook to a WordPress website. You can also link WordPress to Facebook by sharing a post address.

To link WordPress to Instagram, add your Instagram profile address. This creates a profile link, not a full social feed.

Mailchimp links work in the same way. To learn how to link Mailchimp to WordPress, add a signup form address or campaign URL.

These links do not connect two systems by themselves. Forms and feeds need a plugin or an official service embed.

Best Practices for Anchor Links

Give every target a unique ID. Duplicate IDs can send visitors to the wrong section.

Use lowercase letters, numbers, and hyphens. Avoid spaces, punctuation, and special marks.

Choose IDs that describe the target. Names like shipping-info are easier to manage than random strings.

Write link text that explains the destination. “View shipping details” works better than “click here.”

Practice	Good example	Avoid
Use a clear ID	shipping-info	section7
Match the ID	#shipping-info	#shipping
Use clear text	View shipping details	Click here
Test each link	Desktop and mobile	Untested links

Sticky headers can hide the first line after a jump. Add space above targets when your theme allows it.

Check links after moving sections or changing slugs. A small test prevents a poor visitor experience.

Common Anchor Link Uses

A contents list can point to each major section. Product pages can link visitors to reviews, shipping, and return details.

Support pages can send readers straight to setup steps. A pricing page can use a button that jumps to a plan comparison.

Anchor links can also support internal linking. Link to a specific section when another page mentions one narrow topic.

• Long tutorials and setup guides
• Product and service landing pages
• Frequently asked questions
• Support and help pages
• Back to top controls

Keep each jump useful. Too many links can make a page harder to scan.

FAQs About WordPress Anchor Links

Do anchor links need a WordPress plugin?

No. Gutenberg and the Classic Editor can create basic anchor links without a plugin.

Why does my anchor link not work?

Check that the ID and hashtag match exactly. Also check for spaces, duplicate IDs, or unsaved page changes.

Can an anchor link point to another page?

Yes. Use the full page URL, then add the hashtag and target ID.

Can I use an anchor link on a button?

Yes. Add the hashtag link to a Button block, or use a full URL with the hashtag.

Are anchor links good for accessibility?

They can help users reach content faster. Use clear link labels and test keyboard focus after each jump.