How to create a link within a page for an item on the same page

  • 1
  • Question
  • Updated 7 years ago
If I have a page with a lot of items on the page and a menu at the top, how do I create a link to go to the particular item on the page.
Photo of rjk1@live.ca

rjk1@live.ca

  • 156 Posts
  • 9 Reply Likes
  • interested

Posted 7 years ago

  • 1
Photo of Justine

Justine

  • 751 Posts
  • 45 Reply Likes
Hi rjk1@live.ca,

It sounds to me that you want to add Anchor links to your page. Adding Anchor links, such as "Jump to Top") require a bit of HTML which will then allow your site visitor to jump to different areas of your page.

Below are instructions for you to add this to your site. 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 (You'll need to take out the <!-- and the --> for it to work):
<!-- <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. (You'll need to take out the <!-- and the --> for it to work):
<!-- <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.

If 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, this is how you can do it:

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 (You'll need to take out the <!-- and the --> for it to work):
<!-- <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 (You'll need to take out the <!-- and the --> for it to work):
<!-- <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.

I hope this answers your question. Let us know how it goes!
Photo of Jubeadilation

Jubeadilation

  • 26 Posts
  • 1 Reply Like
This is a lovely clear answer!!!