This tutorial will show you how to add a contents list at the top of your page or post, with a jump link to that content within your page without having to scroll through all the content to get to the item your customers are interested in.

The first step to do is to build your text as usual, the title, content, adding in your keywords and images. Add in the call to action at the end of your text and the links as usual to where your customer will purchase what you have been reviewing.



Join the Discussion
Write something…
Recent messages
shermand2268 Premium
I'm really trying to get this, but even reading the lessons over and over isn't getting it into my thick head...lol! Could you look at this portion of my post text and give me some guidance? I want to link to "top 5 anti wrinkle products" If you don't have time to look at this, it's ok.

is-collagen.html">collagen and hyaluronic acid, and in turn, provide natural, long-lasting results.
<h3 style="text-align: center;">And finally...</h3>
<h3><span style="color: #ff0000;">Top 5 Anti-Wrinkle Products
</span></h3>
<h2>#1 Stemuderm</h2>
Reply
Helen123 Premium
Hi

This jump link allows you to put a menu at the top of your page so the reader can click on something in the menu and jump directly to that part of the page.
To do this at the top of the page where you want the menu to appear you would need to insert onto your text page :
top 5 anti wrinkle products

This will then prepare the menu at the top.

Further down where you are starting to write your 'top 5 anti wrinkle products'

You will find that it will say something like
' <h3><spanstyle ....etc '
You will then place the second part of the jump link before the first <h3>
and you will put
<h3>
The last bit there, the <h3> is the regular text for your title of top 5 anti wrinkle products ... the h3 is the size, you also appear to have it bold (strong) which i fine.

If you don't put exactly the same thing in each place in the code 'top 5 anti wrinkle products' then the jump link wont work. Does that help?
Reply
Helen123 Premium
Hmmm my code didnt go through on that ! That is weird.
Reply
Helen123 Premium
Ok trying again.....
for the first link where it says anchor and link text you will write 'top 5 anti wrinkle products'
then as I say below, go looking for the part in your text where you have the title 'top5 anti wrinkle products' and just before that, like I say below where you have <h3> you will place your second lot of code, and where it says anchor, you will put top 5 anti wrinkle products. I hope this works !
Reply
shirian Premium
Thanks for put effort to create this training, It works enough!
Reply
Mac01 Premium
Great idea for training, a question on this popped up this morning and I was able to help by sharing the link for this tutorial. Liked and liked.
Reply
Helen123 Premium
Thanks Mac ! I surprised myself in actually writing the tutorial, I had blogged about being able to do this, and a comment said to write a tutorial about it, but I didnt think anyone would be interested and I didnt think I could explain in sufficiently well.. so.. wow ! I can !
Reply
Mac01 Premium
Well it helped someone out today, very timely! Keep up the good work, Helen. :)
Reply
Fareahu Premium
Thank you. I'm sure i will need this later on.
Reply
adaba063 Premium
I have just tested this out & it works!

just missing one other jump link & that is to get back to the top of the page,

all the best,
Reply
Helen123 Premium
Haha ! Some people are never satisfied! :)
Reply
Mac01 Premium
Looks like there's already training on this anyway (how to get back to top of page)! Best.
Reply
Oma07 Premium
Thank you for sharing
Reply
Top