How to Link within a Page Using “Anchor Link” in WordPress

Linking within a page is a simple task that can be done easily with WordPress. By linking you easily navigate or jump to a specific part of a page among the various sections of the page and reduce the time of scrolling. This is mostly done for posts or articles with lots of heading and subheadings to make the reading simpler. It involves some code that is not very complex to understand and implement on your site. If you are not clued up on how to link a section or anything with a page then read this complete article and make your blog/site look rich and professional.

Methods to Anchor Link in WordPress

There are two ways to Anchor links within a page in WordPress and both are simple to implement in your post just by following the guide with complete awareness. Those two methods are

• Without plugin
• With Plugin

Without Plugin

Link within a page involves some simple line of code to note down and execute. Also, this process does not require any kind of knowledge about coding whatsoever.

[1] Compose the post on your WordPress site or blog.

[2] Write an Introduction or Synopsis in the beginning by including all the headings and subheadings or you can link anywhere in your post.

[3] Select the text you need to link within.

[4] Click on the Link icon or Press Ctrl + K on your keyboard.

[5] Type the link name with “#” followed by the name (example: #jetpackforms)

[6] Click on Submit icon to link.

[7] Now head to the paragraph section where you have the content of the linked heading.

[8] Choose More option from the block toolbar.

[9] Select Edit as HTML and this will convert the heading to HTML code (like <h2> JetPack Forms </h2>)

[10] Add the following inside the opening tag of your heading (<h1>) or paragraph (<p>) as follows

Type “id” followed by the link name given before. In this case it is <h2 id=”jetpackforms”> JetPack Forms </h2>

[11] Then you change the view to Edit Visually mode or just leave it as it is.

[12] Now save and view the page, the Anchor link will be done successfully.

Here’s how the linking works.

Also read 20 Best Jetpack Alternatives | Compared & Reviewed

With Plugin

With a Plugin, the task gets even simpler and effortless. Some of the plugins used for the Anchor links are

• WP Anchor Header
• Advanced Editor Tool (previously called TinyMCE Advanced)
• Easy Table of Contents
• Gutenberg Editor

WP Anchor Header

WP Anchor Header is the simple anchor plugin that creates anchor names for all the available headers on the page automatically. This is indicated with a tiny anchor link icon near each header that is anchored by the plugin. Using this you can easily link any section from your document to ease the navigation.

Advanced Editor Tool

Advanced Editor Tool is another plugin for quick linking. It is nothing but an improvisation of the manual method. All you need to do is install and activate the plugin. Then follow the steps below.

• Add a link name to the text with “#”.
• After that, go to the place where the text should direct.
• Insert Anchor from the block (available only if the plugin is activated).
• Now add the link name given in the ID box.

Easy Table of Contents

Easy table of content is a popular and simple plugin for linking within a page. Firstly, you need to install and activate the plugin from your WordPress Dashboard. Now proceed with the steps below.

[1] Go to Settings from the dashboard and choose Table of Contents (only seen if the plugin is activated).

[2] Set the Enable Support, Auto Insert, position, and Show When from the settings.

[3] Now to insert a table of content, open any post on your site.

[4] Insert the following line of code [ez-toc] where you want the table of content to show up.

[5] That’s it, the table of content will be created automatically with the number of headers available in your post.

Gutenberg Editor

Gutenberg editor is the WordPress Editor plugin that comes with default Anchor linking. To link follow the steps below.

• Select the header that you need to link.
• Click on Advanced under the Block section, add the link text in the HTML Anchor field.
• Now you can link it to the text by pressing Ctrl + K and type the HTML Anchor name after an “#”.

Bonus

You can also link inside a page using the Chrome plugin named Anchor Links. This plugin works only on WordPress and Medium sites. All you need to do is select the header you wish to link and click on the Chrome extension icon. This will create an Anchor ID like #example. Now move on to the text to add the link and hit paste (Ctrl + V). This adds an anchor link instantly to your post.

Related: How to Fix Broken Links in WordPress in 6 Easy Ways

To Conclude

These are some of the possible ways to link within a page in your WordPress. As much as the advantage it holds, there are also some disadvantages to adding Anchor link like minimizing the visitor hold time on your site, impact on ad revenue because of some possible skipping of ads, etc. So use it wisely on any of your WordPress sites. Hope you are now aware of what is an Anchor link and ways to add it. If not then click here to start again.

For more WordPress guides, explore our blog.