Linking to a specific point on another page

Linking to a specific point on another page

Summary

Allows you to link from a page on your website to a specific point on another page on your site.

Linking your pages

You can link two pages together by creating a link called a hyperlink. Alternatively you can link from one part of a page to another point on the same page, known as an anchor.

But what if you want to link from one page to a specific point on another page? Well this step by step guide will show you how. However we advise that you familiarise yourself with creating hyperlinks and anchors before you start.

  1. Highlight the text or image you want users to be directed to
     
  2. Click on the Anchor link icon in the top row of the editor bar
     
  3. Select Create
     
  4. Enter a Unique name for your anchor, and make a note of the name.    

Important - You must make a note of the full name of the anchor which should only be alpha numeric.

  1. Click Add to website , a small anchor icon will appear to show the anchor has been placed
     
  2. Go to the page where you want to start the link, and select edit
     
  3. Highlight the text or image you want to originate the link from
  4. Click the Yellow link button in the editor bar
     
  5. Choose to link to an internal page, then choose the page you wish to link to and press submit
     
  6. Go back and highlight the word or text again, and once more click the yellow icon again
  7. This time select to link to an external page.
     
  8. The box that appears will already have some text in it, which is the full address of the page you want to link to
     
  9. Leaving the text in the box put your cursor to the very end of the text and type in a # then the name of the anchor you created in step 4 of these instructions.

Important – If the name is incorrect the link will not work

  1. Click Add to website
     
  2. Save the page and test the link.

 

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-2227312-2', 'auto'); ga('send', 'pageview');