Creating jump links also called anchor links in WordPress

It is really fun to discover new ways to work with your website and be creative with how you present information.

Anything that makes it easier for your visitors to find what they came for is a winner in my book!

In this article, I want to show you how creating jump links also called anchor links in WordPress can help you make your user experience better.

Of course, I made you a video ♥️  and, as always, scroll down below the video to see written instructions of how to add anchor links (or jump links) to your WordPress website.

  1. First, you will open the page you want to add your hyperlinked text to.  In my video example, I used the ABOUT page.
  2. Locate the text you want to hyperlink, select it and click the link button in your WordPress editor screen.  Find the page on your site you want to link to or add the url.
  3. Now toggle to the text tab and find the hyperlinked text.
  4. Decide on a unique id for your anchor/jump link.  It must begin with a letter.  In my example I used jump.
  5. At the end of the url add #YOUR UNIQUE ID in my case it was #jump
  6. Now, you will open the page you are linking to… find the location on the page you want your visitors to be sent to.
  7. Once you determine the location on the page, open the text view of the editor and add <a id=”jump”></a>
Here is code you can copy:

You might have to play around with where you add the anchor link to get it to scroll as you would like.  For instance, I found I needed to add my unique anchor id a bit higher on the page than where I really wanted to send my visitors to.

Want a PDF to print out and reference while you try this on your own?  Here you go…

This free PDF will also be in our free Resource Library.

 

28 Comments

    • You could follow these same instructions to move within the same page, thus an anchor link 🙂 Happy WordPressing!

  5. Thanks, that was very helpful I too wanted links within a page. It might be worth adding to your notes that you don\’t need a whole URL for internal links – just put in \”#ANCHORNAME\” and it\’ll work fine..

  6. Link building is actually a very important practice when it comes to On-Page SEO, most of the times this is also underestimated.

    Building backlinks for your promoted post, for instance, is a very difficult task, therefore is not easy to get this pages to rank well on SERPs. That’s when internal link building really helps a lot because you can pass link juice from a blog post with many backlinks to other ones with not so many.

    This is one of the things that caused me more trouble when I started my blogging journey, but we always have this type of articles to save the day.

    Thanks a lot for such a great article.

    • You can highlight your header and click on the advanced option from the Gutenberg menu on the right, add your anchor text > then where you want it to link add #your anchor text and that’s it!

  8. Hey Stephanie! Thank you so much for this article – super useful!

    I’ve returned here a few times, and now I’m pretty sure your name in your signature is misspelled.

    Thought you’d want to know : )

  12. Very useful content to all biginners. Thanks for that . My search for this content has completed on your site. Thanks once again

  16. Aww, love this! Now i can navigate visitors to a specific section without getting another plugin. Hope it will work on the same page.. I make quizzes and have quite extensive intro texts at times. I want people to be able to jump past the yada yada and just get to the quiz. Thank you so much for this!
    And BTW, love the look of your website! Inspiration overload- definitely gonna return.

  17. Should these instructions work if I want to jump to a specific place on an Event? I’m having trouble and thought it might be because I’m jumping to an Event, not a Page.

  18. Very helpful! I used these instructions to jump to a different location on the same page. Works great!

Leave a Reply