Blog

WEBFI-WordPress-How to Add Anchor Links in WordPress (Step by Step)



If you’ve seen sites that have links in their longer articles to help users jump to the section they want to read then you know how helpful those can be. These can help with SEO as Google can show them below your search listings for easy navigation. In this video, we will explain what anchor links and show you how to easily add them in WordPress.

If you would like to see our written tutorial for this, you can find it here:

https://www.wpbeginner.com/beginners-guide/how-to-easily-add-anchor-links-in-wordpress-step-by-step/#manualanchorlinks

For the first method, is for sites using Gutenberg. Start by creating the first link by adding the text, highlighting it, and adding a pound sign (#) followed by the text want to add to it. For where you want the link to jump to you would want to select the header and in the advanced area add the text from the first link.

Should the block tell you it contains unexpected or invalid content you would want to click the Convert to HTML button for the anchor link to work. If the advanced area does not give you the option you would want to use the verticle dots for more options and edit as HTML. In the p area, you will want to add an id =”” with the text you want to link to within the quotation marks.

For those using the classic editor, you will want to click the text tab, go to the tag for the section you want the link to and add the ID the same way you would have in the previous section. Should you not want to do either of those methods and want WordPress to do the work for you, you can automatically add the anchor links using the Easy Table of Contents plugin found here:

https://wordpress.org/plugins/easy-table-of-contents/

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/beginners-guide/how-to-easily-add-anchor-links-in-wordpress-step-by-step/#manualanchorlinks

Check us out on Facebook
https://www.facebook.com/wpbeginner

Follow us on Twitter
http://twitter.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

source

49 Comments

  • Shariful Islam on November 11, 2019

    first view..

  • FLOODOFSINS on November 11, 2019

    Clickbait ((just kidding) I thought you were going to talk about anchor as in the podcast hosting site and how to effectively add links or incorporate your podcast into your website seamlessly. This is also a good Video 😀

  • Hex ToiD on November 11, 2019

    Thanks For Sharing This

  • Jovan Peric on March 29, 2020

    Thank you for the nice video. However, I have a different application. I am building a page with 50-60 different articles and I don't want to have them all together. It will be a very long page. I created a sub-menu which will open specific text on page one at a time. This way I don't have an extremely long page. I also don't want to create a separate page for each article. I remember I use to do this, back in the days when html was the only way you create a website, with images. When you click on the link it will open a specific image. Please let me know if this is possible with Elementor

  • Classy Queen on March 30, 2020

    So confused. I don’t have the same side bar

  • Mike D on April 11, 2020

    I'm trying to jump down from a word in my opening paragraph to a table at the bottom but unable to figure it out. My table in html looks like this [table id=5 /] Any ideas?

  • Safdar Ali on April 15, 2020

    I really liked your video because you solved my problem in 2 minutes. Thanks

  • Mohammed Sufyan on May 17, 2020

    Much much appreciated. but I'm totally a non techie is there any chance it can be done in elementor?

  • Halo Bule on May 29, 2020

    For some reason, the anchor is not exact, it seems to be stopping way below the header where my anchor was placed. How do I fix this?

  • Jay Jay on June 7, 2020

    The way you teach is so easy to learn 👏 when i do this and click on the link why does my link go 1 line too low?

  • Demi Lyndem on June 7, 2020

    Hi, how about with elementor? is there a tutorial

  • Danielle richardson on June 23, 2020

    I love this video thanks so much for clearing the understanding path 🤩✨🙏✌️

  • NEDA ZEE on June 30, 2020

    i am looking for how to link wordpress to meister task ! can someone help me with that please !

  • Cole Wandler on July 8, 2020

    Hello, I like your video however, in my WordPress, I am not seeing the same interface as you, for example, I don't see any advanced options such as HTML Anchor. What am I doing wrong? Thanks!

  • Hristo Spasoff on July 20, 2020

    thank you. Very good explanation

  • Grant Bakes on July 24, 2020

    Love it. Thanks for the easy tutorial.

  • Naveen kumar M on August 6, 2020

    Thanks

  • Editor-san on August 30, 2020

    What if I want to anchor a subscript number in the middle of a paragraph? Is it still possible?

  • Matheus H on September 20, 2020

    You solved my problem in just a few seconds with this video. You deserve to be a billionaire 😂

  • Kadmiel Pereira on September 22, 2020

    Let's say I want to redirect someone to a paragraph on another website that is not mine. Can I generate an anchor link for that page?

  • Miklos Kocsmaros on September 28, 2020

    life saver with the HTML codes! Thank you

  • mark wolovetz on October 15, 2020

    dont work

  • kari tay on October 20, 2020

    Thank you so much! I applied it to my website. Great tutorial WPbeginner as usual!!

  • Heidi Love on October 21, 2020

    Thank you so much for showing how to do it in html!

  • FESTERING DRIPPAGE on October 22, 2020

    I am making a custom return to top of page button. Is there an anchor for top of page? Also wondering if there is a way to link to prev/next posts without inserting individual URL I am trying to make custom prev/next post buttons and want to save time if possible.

  • Bharat Thapa on November 4, 2020

    finally I found this wpbeginner on YouTube. Your blog is really helpful and it always gives the strong answer whatever I need to search on google. thank you

  • HOA NGUYEN on November 13, 2020

    Hi, I followed your tutorial. I notice that when I clicked the link, it jumped to the content without showing the heading title. I actually like to show the content with the heading title without scrolling up the page. Do you have any suggestions?

  • HeartWork Organizing on December 9, 2020

    Thanks. I wasn't getting it from some of the other articles, but your explanation finally made sense. Thanks!

  • Tash G on December 14, 2020

    This video explains it so easily! Thank you, really helped me out

  • Aura Arias on January 3, 2021

    Hey love, I don't have the anchor part on the left TT

  • Abdulla Shafi on January 4, 2021

    thank you. but how can I change my existed link .like when I click on header -my account – register option it direct me to login page , but I want to add there register page link .can you help me please ?

  • LEVIATHAN on January 6, 2021

    THANK YOU SO MUCH
    i cant believe i finally found this tutorial

  • RAB on January 10, 2021

    Thank you for this video. It helped allot.

  • Pita Vuli Kabulevu on January 26, 2021

    This really helped me….. No need for installing any plugins.

  • Eddie De Alba on February 11, 2021

    does this same process work with CTA buttons that I would want to scroll to a form on the same page?

  • JJ Reptiles on February 19, 2021

    Very helpful thank you 👍

  • Alexis Robbins on March 1, 2021

    THANK YOU!!!!! I was nearly in tears trying to solve this problem at work (I hadn't done it in so long!) and this was an AMAZING refresher. Thank you thank you thank you!

  • Biraj Kishor Mondal on March 29, 2021

    Thanks

  • JosMorn1 on April 11, 2021

    Excellent, thank you so very much!

  • Chun Ho Kim on May 24, 2021

    Is it possible make to anchor link to different post or page

  • Sonali Uniyal on May 27, 2021

    Thanks

  • maybellinelover on June 18, 2021

    How do you add a link to your profile though?

  • Matthew Furman on July 10, 2021

    Excellent video. Hoping to get your advice please. Can I set up an anchor link with one of my menu items, so instead of it going to another page it takes you to a specific spot on my homepage?

  • Azhar Aziz on July 17, 2021

    I was searching for anchored linking for a long time, but i did not know it's name Anchor link. Very helpful video thank you so much wp beginner

  • ALTIS World on July 29, 2021

    Hi. Does the link have to be o the same page? I want to create a kind of 'search page' with links that will take users to a number of locations. This so they can easily find specific content

  • Robyn Franceen Evans on August 1, 2021

    Thank you!!!

  • Kent L on September 15, 2021

    Hi there, i can't seem to locate "HTML Anchor" anywhere in my WordPress. What does that mean and should I do? 😕 Thank you.

  • Turtle Guardians on September 21, 2021

    amazing thank you for showing how to code it too!

  • Lai Yung Cheung on November 27, 2021

    Thanks soooo much! This is what I exactly looking for!!!

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

error: WEBFINET SECURITY IS ON