Home » Read & Learn » WordPress » How to Link to a Specific Area on Any Page in WordPress

How to Link to a Specific Area on Any Page in WordPress

ByJudith Updated on Reading Time: 3 minutes
Here's how to link to certain areas on a WordPress page.

I am often asked how to link directly to certain page parts within the same page. So here’s a how-to that can be tapped into as needed. (Ctrl +D to bookmark.)

Linking is part of making a website user-friendly. It’s like pointing to more information and interconnected topics that make sense for the site visitor. In addition, internal linking can help with SEO by enabling search engines to follow those links and discover related content.

Sometimes, you want to send someone a direct link to a specific portion of a page on your website. Or, when creating new pages, you may wish to link to an area on an established page that adds relevance and value to your latest content. This enables you to send them to the exact spot where they can get the answers they seek.

Another reason to link within the same long page is when there are many sections, like in a FAQ. A list at the top of the page, such as a Table of Contents, linking to the areas below can be user-friendly.

Why use the Kadence Theme* as I do?
Kadence has an Accordion Block (example here) and a Table of Contents Block (example here) for long pages with lots of content.
This makes on-page linking super easy.

Anchor links let you easily accomplish internal linking in the WordPress Gutenberg editor. As in days past, coding is no longer required. Here’s how…

You can link to any block by selecting it and then looking in the Advance area at the bottom of the Block tab.

Headings work best as they frame the information that follows. However, you can choose any block to make it the anchor for your link.

  1. Choose the block to become the anchor.
  2. Right sidebar > Block tab.
  3. Scroll down to the Advanced area.
  4. Create your anchor link.
  • The anchor must be unique within that particular document.
  • Your anchor is case-sensitive.
  • The anchor can include: hyphen(-), underscore(_), colon(:), period(.). It cannot include spaces. Think short and sweet.
  • The anchor must begin with a letter of the alphabet.

But how do you get the anchor to work? That’s easy, too! Once your anchor link is created to link a particular block on a page, here’s what you do.

  • Select the heading you want the anchor to go to.
  • Click the link icon in the block’s toolbar.
  • Enter the anchor you created preceded by the # sign.
  • Save.

Anchors Away!

Remember, you can use anchor links in emails, forums, or groups to send visitors to the exact spot you like. Just be sure to provide the full URL; see the example below.

https://www.theistudio.com/recommended-products-services/#seo

This is one of the many reasons why I love blocks. Back in the day, you would have to create two sets of HTML code to accomplish what is now included in each block setting area. Those who don’t know code can easily make their websites function precisely as they want.

At your service,

*Some of the links on this page are to companies with which I have a professional affiliation.
Read my complete affiliate statement here.

Trusted and Reliable WordPress Products and Services