Author MarionBlack
2014
2
74
Premium
Ambassador
Rank 74
Unfollow

In this video you’re going to learn how to create a link which jumps to a different section of the same page.

The post I’m using for the demo contains instructions for a fairly long sequence of steps. I expect my readers to leave the page while they follow each step and then come back to get the next step.

This will make it easy for them to locate the next step they need to follow without wading through all the steps they’ve already done.

Frequently Asked Questions

If you were setting up a FAQ - frequently asked questions page then this method of linking is great.

You’d put all the questions at the top and link them to the answers underneath.

Let’s do it!

You’ll need a target and a link [DUH!]

The target is where your visitor ends up when they click the link. This is most useful for a long post where you want to put in a list of the subheadings at the top so your reader can go from the top of the page to the actual content they’re interested in reading about.

Sort of a mini-menu.

The code for the target (anchor) is

<a name="unique-name"></a>

The code for the link is

<a href="#unique-name"></a>

But we're going to use WordPress's built in link creator to make the linking easier.

The unique-name is the name you assign to the jump link target. Both the link and the target must have the same unique-name. And, of course, you must use a new unique-name for each target. Make it short and relevant so you can remember which name you've given to each target.

Because it’s code you can’t have any spaces in the unique-name. If you need more than one word you can use a hyphen. A short unique-name is better because you’re less likely to type it in wrong when you’re setting it up.

I’m linking to subheadings so for the unique-name I’ll use a word that forms part of that subheading.

You can use any name you like because no-one but you is going to see it.

Code and HTML are 4 Letter Words, Don't Panic!

It's only a little bit of code.

We're going to switch to the Text tab because we're using code.

Mostly you'll want to link to a subheading so you place the target code into the line above the subheading.

Your subheadings and heading will be easy to find because of the H2 or H3 tags. If you have any difficulty locating them use Ctrl+f to open the search box.

Click into the text before your subheading and insert a space above it by hitting the enter key. Type in choosing part of the subheading as the unique name. Make absolutely sure that you type in the code correctly. Spaces and symbols are important.

The hashtag (#) tells the link to jump to the text indicated in the unique-name.

Anchor Example

<a name="export"></a>

Link Example

<a href="#export"></a>

First set up the Anchors (where you're going to link to) then go to the top of the page and add the links.

You add the links the same way you usually link to posts, pages or URLs but you just type in #unique-name. e.g. #export

Save the Draft, Preview and check every link individually. When you know it's working as it should finish your post and publish.

You'll be able to see tiny little anchor icons when you're in edit mode.

More of my training

My Training Sorted

As always, I'm here to help you,

Please share the love, click 'Like This' (if you do). Ask a question, share something or leave a comment.

Join the Discussion
Write something…
Recent messages
HPearson Premium
Hi Marion, I followed your training for jump linking to the letter and it seemed super easy. What I can't figure out is why the links are not taking me exactly to the start of each paragraph but a few lines away. I've tried it a few times and still the same problem. Any ideas what's going wrong?
Reply
HelenpDoyle Premium
I did a jump linking tutorial a few years ago. It most likely fits in well with Marions's tutorial. You might get some ideas from it.
Reply
MarionBlack Premium
I usually link to a subheading. If it's coming up a bit too low down then try putting the anchor a bit higher up. Another thing that can make a difference is whether you're using the classic editor or the blocks editor. Also, check out Helen's tutorial, she knows her stuff.
Reply
HPearson Premium
I was trying to link to subheadings. I'm assuming it's classic editor. Helen's training isn't video so it's hard for me to follow. No matter what I try the links always jump to a point a few lines below the sub heading. I watched another training and the same thing happened. Any idea what else I can try?
Reply
HPearson Premium
Thanks Helen but I'm sorry I find it very difficult to follow tech explanations in words, I need step by step in video. Thanks anyway.
Reply
Loes Premium
Try to add & nbsp ;  in between, like this

<h3 id="Website testing"></h3>
 & nbsp ; 
<h3>Website testing</h3>

nbsp without spaces
Reply
HPearson Premium
I'm afraid I'm not following what you're saying. What you've written isn't the code that Marion has in her training.
Reply
MarionBlack Premium
Try putting it in different places and see what works best for you.
Reply
Loes Premium
You can use different code, which do the same

a name="export"></a
& nbsp ;
<h3>export</h3>

a name= equals ID=
Reply
Andrey57 Premium
Dear Marion
You kindly reply to my message recently regarding how to create a link, (from deferent page – not from the same page) which will lead to the part of the deferent page.
Your reply was: Andrey57
Thank you for watching the video, Andrey. To link to a specific place in another post on your website you'll want to add in the URL of the post e.g
https://marionblackonline.com/wealthy-affiliate-review/#wordpress

Your link leads to a specific place in another post on your website.

Unfortunately, when I tried to do the same, my link just brings to beginning of another post – not to a specific place.
Would you be so kind as to explain where my mistake is, please?
My steps:
1)I want to link to Stu Mittleman from page https://realhappinessandhealth.com/a-breathing-healthy-breathing-exercises/
To page https://realhappinessandhealth.com/example-direct-links-to-the-best-experts-and-products/ where information about Stu Mittleman
2)I created the target anchor on page https://realhappinessandhealth.com/example-direct-links-to-the-best-experts-and-products/
3)I went to page https://realhappinessandhealth.com/a-breathing-healthy-breathing-exercises/ and created link https://realhappinessandhealth.com/example-direct-links-to-the-best-experts-and-products/#Stu-Mittleman/
You will see in the attachment where I want to be.
And unfortunately, this link doesn`t lead to a specific place, just whole page.
Thank you very much, indeed.
Kind regards,
Andrey
Reply
MarionBlack Premium
I've checked the code and there are two things here, Andrey.
#1 Your target has a space between the words, and
#2 Code does not like capital letters.

Both the link and the target should be stu-mittleman using a hyphen instead of a space and all lower-case letters.

I mentioned this in the text above:
"Because it’s code you can’t have any spaces in the unique-name. If you need more than one word you can use a hyphen. A short unique-name is better because you’re less likely to type it in wrong when you’re setting it up."
Reply
Andrey57 Premium
Dear Marion
Thank you very much for your reply. It is very kind of you.
I am very sorry to trouble you again.

I have followed your advice:

<< #1 Your target has a space between the words, and
#2 Code does not like capital letters.

Both the link and the target should be stu-mittleman using a hyphen instead of a space and all lower-case letters.

I mentioned this in the text above:
"Because it’s code you can’t have any spaces in the unique-name. If you need more than one word you can use a hyphen. A short unique-name is better because you’re less likely to type it in wrong when you’re setting it up.">>

Unfortunately, my link still just brings to the beginning of another post – not to a specific place. I have used only one word “stu” without capital letter and any space.
Would you be so kind as to explain where my mistake is, please?
My steps:
1)I want to link to Stu Mittleman from page https://realhappinessandhealth.com/a-breathing-healthy-breathing-exercises/
Attachment5
To page https://realhappinessandhealth.com/example-direct-links-to-the-best-experts-and-products/ where information about Stu Mittleman
Attachment1&4
2)I created the target anchor on page https://realhappinessandhealth.com/example-direct-links-to-the-best-experts-and-products/
Attachment2&3
3)I went to page https://realhappinessandhealth.com/a-breathing-healthy-breathing-exercises/ and created link https://realhappinessandhealth.com/example-direct-links-to-the-best-experts-and-products/#stu/
Attachment6,7&8
Unfortunately, this link doesn`t lead to a specific place just whole page again.
Thank you very much, indeed.
Kind regards,
Andrey
Reply
MarionBlack Premium
At first, I thought it looked OK but when I've gone back to one of my own posts that uses anchor text I realized that I put the code between paragraphs not as a paragraph on its own. Try removing <p> and </p> from the code around the anchor.
Reply
Andrey57 Premium
I am very sorry Marion. I am completely confused now. I can`t see any <p> around my code. I can see only what in the attachment.
Kind regards,
Andrey
Reply
MarionBlack Premium
Just put the code at the end of the line above instead of having it on a separate line.
Reply
Andrey57 Premium
Dear Marion.
Thank you very much for your wonderful lesson as usual!
You are an amazing mentor!
Would you be so kind as to explain if there are any change to create a link, (from deferent page – not from the same page) which will lead to the part of the deferent page, please? I have tried to create link like #name on the different page but this method doesn`t work on the different page.

Thank you very much, indeed.
I look forward to hearing from you soon.
Kind regards,
Andrey
Reply
MarionBlack Premium
Thank you for watching the video, Andrey. To link to a specific place in another post on your website you'll want to add in the URL of the post e.g
https://marionblackonline.com/wealthy-affiliate-review/#wordpress
Reply
Andrey57 Premium
Dear Marion.
Thank you very much for everything what you do for all of us on permanent basis!
Kind regards,
Andrey
Reply
ARoo Premium
Thanks you so much Marion I love your tutorials. It took a little bit of fiddling mainly because the code added an extra set of "" no idea why but I sorted it. Thank you!

Will this work for anchoring on another post but to a specific point in that post - all within my site?
Reply
MarionBlack Premium
Yes, I'll get back to you in a few minutes.
Reply
MarionBlack Premium
Sorry about the delay. I've recently switched over to the Gutenberg editor and I lost some of my anchors in the transition. To link to a specific place in another post on your website you'll want to add in the URL of the post e.g
https://marionblackonline.com/wealthy-affiliate-review/#wordpress
Reply
ARoo Premium
Hi Marion, thanks so much for the reply - I tried that but it doesn't seem to work. It directs me to the right post but it doesn't jump to the part of the post I am linking to. I have attached the piece of code...just incase you can easily see something I have done wrong?
Reply
MarionBlack Premium
It looks like you've put the anchor text and the link in the same paragraph and you've used a capital letter in "Thinkbaby" and all lower case in "#thinkbaby". It's code so you don't use capital letters. The anchor text has to be in the post that you're linking to, not the post you're linking from.
Reply
ARoo Premium
Ahhhh! yes I have put the link in the wrong post! It is working!!
Thank you soo much.
Reply
PhilipC1 Premium
Well, two hours later I finally got it! HAHA, do you just hate days like that. I watched this video a few times and STILL it failed.

Seems only one word is good to work with - not sure.

Thanks Marion, as always, you save us all from the mystery of it all. Great work.

Thanks again.

- Philip.
Reply
MarionBlack Premium
At least you got there in the end, Philip.
Reply
PhilipC1 Premium
Thank you marion.

I didn't understand that where ever you place that code, it will look for the FIRST INSTANCE of a word - so I tried a combo of words with dashes to connect them, as other sites online advised to do.

Wasn't working.

So, the only thing I was not doing that you were, was just select the first instance e.g. 'the' = AND THEN it worked!

I won't be forgetting that code anytime soon Marion - thanks again. Top notch as always.
Reply
Royg2 Premium
I just followed your jump link video and it helped me out a lot, I do have 1 question i need a little more help with. My links are jumping me about a quarter way through the paragraph i am linking to when i used the paragraphs heading title as the name in the code. Here's the link to the post so you can see what i mean. https://mysticslink.com/real-crystal-balls-using-a-crystal-ball-to-see-whats-beyond

Any help is greatly appreciated.

Roy
Reply
MarionBlack Premium
You don't need to change the name of the link in the code, just move it higher up than you've got it now. The code is invisible to your readers, so put it near the end of the previous paragraph.
Reply
Chrissies Premium
Hi Marion
I am so happy that I have at last succeeded at this with your amazing help.
Now I need to learn how to do jump links from one page to another - do you have a training for that please, I can't find one.
Thank you so much for always being there to help
Chrissie :)
Reply
MarionBlack Premium
It's so easy I haven't bothered to make a video on it. Let me give you an example:

Visit this post, there's a bunch of jump links near the top:

https://marionblackonline.com/wealthy-affiliate-review

WordPress Training uses #wordpress to take you to WordPress Training on the same page

https://marionblackonline.com/wealthy-affiliate-review/#wordpress takes you to the same spot when you're not on the same page.

After you've added your jump link and checked that it works just copy the URL from the address bar of your browser.
Reply
Chrissies Premium
Thank you so much Marion :)
Reply
StunningBell Premium
Hello Marion

This is yet another great training from you. The other I really enjoyed was pretty links, and now a very simple way to add page jumps, in just a simple paragraph. Thank you very much

I had some difficulty putting the target link just above the subheading but I sorted it out. I don't put the links directly on the subheadings as you recommended, but move some codes up.

Each time I put the code just above my subheading, the headings do not appear when I click on the anchor links.

But found a way around that. This was indeed a great training.
Reply
MarionBlack Premium
Thank you Nsoh. I'm glad you were able to fix that glitch.
Reply
Penny49 Premium
Hi,

I also enjoyed Marion's training, but am having the same issue as you did with the links on my website taking the reader a little below the target, not exactly on the subtitle line. Can you help me with this issue? I’ve tried putting a space between the target code and the subtitle, but the links still land the reader a little below the subtitle. I also followed Marion's latest advice of putting the anchor on the same line as the last line of text in the previous paragraph, but the link is still going below the target subtitle line. Can you tell me how you sorted this issue?

Thanks.

Penny
Reply
MarionBlack Premium
Try putting the anchor text further up. If your paragraphs are reasonable short then go just above the paragraph before your subheading.
Reply
mbouteiller Premium
Wow Marion, this is excellent! I watched this late last night and when I watch video it looked like Greek...lol..

This morning now that I can think 'straight', this makes perfect sense to me. I'm just finishing my post I want to incorporate this into so should be today I hope to apply what I just learned.

I'll read it over as I do each step.

Thank you Marion and I appreciate your help as always!!!

Have an awesome weekend.

Regards,
Monica
Reply
MarionBlack Premium
Thanks Monica. HTML, CODE and GEEK are all four letter words :)
Reply
mbouteiller Premium
You're welcome... Lol.. I love the 4 letter words.. especially the GEEK!!
Reply
CLoney Premium
Hey marion,

This really helped with my FAQ page. Thank you.
Question though.

I was really searching for how to add an "anchor" on one page/post and a "unique name" on another page or posts. So instead of jumping to a specific content on the same page, you just to a specific content on another page. I want the person to not only be linked to another long post but to a specific section on it.

I hope you understand what I am asking. I am not sure how to state it properly due to my lack of knowledge in the tech world.

-Crystal
Reply
MarionBlack Premium
It's not too hard Crystal. Just add the URL of the page in question into the link. Dang! I can't add the link here to show you. I'll do a screen shot.
Reply
CLoney Premium
Thanks Marion :) Big help as always
Reply
MurrayD Premium
Hi Marion, this is a great tool and thank you for the training. Just one question through, when I'm sending someone to the spot where I've put my anchor. Its not starting them at that spot but 4 or 5 lines further down the page. Should this happen and is there anything I can do to fix it. I moved my anchor further up the page and that has given me what I want at the moment.

Cheers
Murray
Reply
MarionBlack Premium
It could be the theme or a browser issue. Try using a different browser and see if it's the same issue. Then try a different theme.
Reply
MarvH Premium
Marion,I need a little help. I forgot how to do this and cannot find it.
I am making a hypertext and using pretty link to go to an affiliate page. Each time I try it the code appears in the article instead of the few words I want them to click on.
Reply
MarionBlack Premium
Reply
MarvH Premium
Thanks Marion, That was very helpful
Reply
seconds2work Premium
I love learning from you Marion. You make it look so easy, I would love if you can give me a few tips. You said you were going to create a post explaining about anchor text, thank you.

I got to get back to my project, working on infographics. Any tips?

God bless, enjoy your evening.
LeNard
Reply
seconds2work Premium
Thank you, and keep pushing my, please.
Reply
MarionBlack Premium
? This video is about Anchor text on the same page and I'm in the middle of making a video for anchor text on a different page. Is there something I've promised and forgotten about?
Reply
seconds2work Premium
Not at all. A few days ago I asked a question about anchor links, and you said you were making these series of post. I'm grateful. Sorry if was not clear.

God bless
LeNard
Reply
RamenRiches Premium
Hey Marion, thank you very much for posting this up. I've been trying to find an easy-to-understand version of this for a very long time now.

Thankfully, since you've created this, I have now found exactly what I was looking for! Thanks again for creating a very valuable piece of training here at Wealthy Affiliate.
Reply
MarionBlack Premium
Always happy to help Tony.
Reply
Marcus1978 Premium
For some reason my computer it having problems playing videos at the moment, but I wanted to Like this and comment anyway. I already use this technique on some of my content. It's really good to have a table of contents at the top that people can click, like Wikipedia does.
:-)
Reply
MarionBlack Premium
Thanks Marcus. Is it just one browser or all that you're having problems with?
Reply
Marcus1978 Premium
its ok, it plays now
Reply
AriefWibowo Premium
Hi Marion,

Thanks for this training. I've been wondering about this for a while then you gave this training. Amazing.

One question:
Can the #unique-name be use over and over... or it will be specific to that post's #unique-name?

I mean if I have post A with #unique-name1 then I write post B with the same #unique-name1..... Where will the link in Post B's #unique-name1 point to? Post A or Post B?
Reply
MarionBlack Premium
The hash tag (#) in the link means the target is on the same page so even if you use the same name on more than one page it will only link to the target on the same page as the link. I'll cover linking to a particular place on a different page in another tutorial.
Reply
AriefWibowo Premium
Thank you. I understand now. Looking forward to your other tutorial!
Reply
weemrst Premium
Hi Marion and many thanks for this step-by-step training. Those of us who are still learning daily will benefit enormously from this.
I am still amazed at the level of help and encouragement shown to newcomers by experienced members. I have never known anything like it.
Thank you so much and take care
Lynn
Reply
MarionBlack Premium
Thank you Lynne. I'm still learning something new every day and I love to share what I learn with my WA friends.
Reply
bjdluna Premium
Hi Marion,

Another really great training! Also very timely for me as I need to add a bunch of internal links on my current site. The hash tag thing is totally new to me. I have never heard of that before or if I did it didn't sink in.

Thanks again Marion, this was great as are all your tutorials!
Barbara
Reply
MarionBlack Premium
Thank you Barbara. I use the hash tag in my menus too.
Reply
bjdluna Premium
Thank you for this additional link training too!

Barbara
Reply
Tezsie Premium
Hi, Marion. I immediately bookmarked this for when I get to the jump links. Thanks for sharing. I love how you explain things in your videos and text, making it easy to follow and execute even for non-techies like me.
And good to see you again after my month long absence. Hope all is well with you and your loved ones!
Reply
MarionBlack Premium
You're welcome Tezsie.
Reply
Helen123 Premium
I use this a lot Marion on my website, as I have products that I promote, that are all located on the same page for easy comparison for my readers and I use this so I can create an index at the top of the page of all the products that are reviewed so the reader can jump directly to the one product that the are interested in rather than having to scroll through everything. It works a treat !
Reply
MarionBlack Premium
That's a great idea Helen. Thanks for sharing.
Reply