How do I add a jump to widget for a page

  • 1
  • Question
  • Updated 8 years ago
I have a long list of articles that I have written. They are all under certain category headings (ie: medical, business, sports). How do I add a widget to the top of the webpage to jump to that section of articles?
Photo of Chris Steel

Chris Steel

  • 6 Posts
  • 0 Reply Likes
  • unsure

Posted 8 years ago

  • 1
Photo of jeremy

jeremy, Employee

  • 1349 Posts
  • 90 Reply Likes
Hello Chris,

It sounds like you are wanting Anchor Links on your page.

If you would like to add links to your page that are Anchor links (such as Jump to Top), this will require a bit of HTML which will then allow your site visitor to jump to different areas of your page.

Please follow through these instructions. The first example will show you how to create a Jump to Top from the bottom of your page, and the second example will show you how to create a link which will take the user from the top of the page, to another specific area on the page.

Step 1: Creating the link

1. Drag and drop and HTML Widget onto your page where you would like the text to appear for your visitor to click on, for this example it will be the bottom of the page.
2. Enter this code in the HTML Widget:
<a href="#Top">Jump to Top</a>

What this bit of code is saying is: Top is the specific place on the page I want to jump, and Jump to Top is the text I want the link to display.

Step 2: Marking the Spot

1. Drag and drop and HTML Widget onto your page where you would like the link created in Step 1 to take the clicker, for this example it would be the top of the page.
2. Enter this code in the HTML Widget:
<a name="Top"></a>

What this bit of code is saying is: Here is the place named Top, and a link with this place specified needs to go here.

Keep in mind that Top and Jump to Top are arbitrary. You could create a link that would go to Center or to a specific topic on a page called News.

Let's do one more example. Say you want a user to be able to jump from the top of your page to a specific area halfway down the page which discusses News.

Step 1: Creating the link

1. Drag and drop and HTML Widget onto your page where you would like the text to appear for your visitor to click on, for this example it will be at the top of the page.
2. Enter this code in the HTML Widget:
<a href="#News">Read Current News Stories</a>

What this bit of code is saying is: News is the specific place on the page I want to jump, and Read Current News Stories is the text I want the link to display.

Step 2: Marking the Spot

1. Drag and drop an HTML Widget onto your page where you would like the link created in Step 1 to take the clicker, for this example it would be wherever the News section of the document is.
2. Enter this code in the HTML Widget:
<a name="News"></a>

What this bit of code is saying is: Here is the place named News, and a link with this place specified needs to go here.

Give these a try and you will see that you can easily have your visitors jump all over your page!

Here is a link to a tutorial that explains how to add anchor links to your page: Anchor text .