linking titles of articles on top of page to location below on same page.

• 

  northernvegans · Member · Nov 1, 2013 at 12:44 am

  • Copy link
  • Add topic to favorites

  How do I have a say table of contents on top of the page for people to click on a title and then the page automatically scrolls down to that title (I see this often in a FAQ section on website). At the bottom of each section you can click “Top” to go back to the top of the page. How can I do this?

  The blog I need help with is: (visible only to logged in users)

• 

  rachelmcr · Member · Nov 1, 2013 at 2:28 pm

  • Copy link

  Hi there,

  You can do this by adding page jumps to your page. We have instructions for adding page jumps here: Page Jumps

  Please let me know if you’d like further help with it! :)

• 

  northernvegans · Member · Nov 8, 2013 at 1:18 am

  • Copy link

  Thanks for the reply. But, unfortunately, I just don’t quite understand how to accomplish the Page Jumps. I tried and don’t understand the computer jargon. I am truly a layperson. Anyone I can talk to on the phone? I want to stay on the same page, and allow “titles” to jump to the location on the page and people to be able to click “Back” and go back to the top of the page. Help!

• 

  rachelmcr · Member · Nov 8, 2013 at 12:53 pm

  • Copy link

  Hi there,

  We don’t currently offer phone support, but I’m happy to provide more help with this here. :)

  A page jump will let you do just what you described — you can create a link at the top of the page, and when someone clicks that link it will jump down to the right section of the page. They can use the back button in their browser to go back to the top of the page. Let’s see if I can break down how it works so it makes a little more sense and isn’t so jargon-y. :)

  There are two pieces to make the page jump work:

  1. A link at the top of the page.
  2. An anchor point at the place on the page you want to link to. (This is a little piece of code that acts like dropping an anchor to keep track of that spot on the page. The link at the top of the page will send someone to that anchor point further down the page.)

  1. Creating the link at the top of the page

  Open your page in the editor, and click on the “Text” tab in the top right of the editor to switch from the Visual to the Text editor.

  At the top of the page, you can create a link by pasting in HTML code like this:

  <a href="#unique-section-anchor">Click me</a>

  The text after the # in that code is the unique ID for your anchor point. If you create more than one page jump (for example, if you have a table of contents with links to a bunch of different sections) you just need to use a different ID for each anchor point.

  When someone visits the page, they’ll see the link that says “Click me” and they can click on that to jump down the page to the right section. (You can replace “Click me” with whatever text you want to use as the link on your page.)

  2. Creating the anchor point

  In the page editor, scroll down to the section you want to send people to.

  At the top of that section, you can create your anchor point by adding HTML code that looks like this:

  <a id="unique-section-anchor"></a>

  You’ll want to make sure that the ID in your anchor point matches the ID you used in the link at the top of the page. (But the anchor point shouldn’t have the # symbol at the beginning.) That code tells the link where to send people when they click on it.

  Please give that a try and let me know if you’d like any further help with it. :)