How do I create a link to another spot on the same page?

  • 2
  • 3
  • Question
  • Updated 11 months ago
  • Answered
  • (Edited)
If you have a large amount of content on a single page and the sections menu just isn't right for what you want, you are able to create links to specific spots on a page, you can do this by using a behavior.

1) Add the content to you page. It will help some if you create headers and then a paragraph below the header. In this example 1st topic and 2nd topic are "header 3" elements and the content below them are paragraph elements. The use of the header element can also help your SEO by telling search engines that the 1st topic and 2nd topic are a brief description of the paragraph to follow.


2) You can have as many "topics" as you like with subsequent paragraphs going down the length of the page, but you do need space at the top of the page to place elements to link to each desired section. In my example I am going to link to the "header 3" elements, and will be using Text buttons. You will see the 2 button named as desired.



3) Select one of the buttons and click Settings.


4) Leave the combo box set to DIV and click Add Behavior


5) Select Scroll To Element


6) Select Other Element


7) Scroll to the desired element, in this case 1st topic, and click it, then Apply in the top right.


8) Select the scroll time and trigger. Note that these can be edited at any time so you can find what you like.


9) Repeat these steps for each link you desire and publish.

Note: You may also add elements at the bottom of each section and name it "Back to top" or similar, and link it to an element at the top of the page.

Pro Tip: It will make it more difficult to keep track of when editing, but if for some reason you are not able to link to an element like the "header 3" and want to just go to a specific spot in the middle of a paragraph, then you can add a text box to the side of the content in the position desired and delete the default content and make the element very small. You can then link to that element. Since the empty text box is essentially invisible on the page, you do need to remember exactly where you placed it, or you could lose track

Special thanks to user Martin(mpalmi27) for finding this ability.
Photo of Homestead FAQ

Homestead FAQ, Employee

  • 39,026 Points 20k badge 2x thumb

Posted 12 months ago

  • 2
  • 3
Photo of mpalmi27

mpalmi27

  • 366 Points 250 badge 2x thumb
Looks awesome! Thanks Drew!

You can also use this to link to a "Section" and it will just jump to the top of the section. :)
Photo of Drew N

Drew N, Community Manager

  • 251,768 Points 100k badge 2x thumb
Yes you can, and if you plan the site by using sections for each "topic" you can also use a sections menu from the element list. Some people like to have the tall sections though and your discovery will help with that.
Photo of Brian4612

Brian4612, Champion

  • 32,244 Points 20k badge 2x thumb
Thats neat thank you both
Photo of Jonathan T.

Jonathan T.

  • 5,392 Points 5k badge 2x thumb
Great! Been wanting this.
Photo of ricky7685

ricky7685

  • 296 Points 250 badge 2x thumb
This reply was created from a merged topic originally titled Is it possible (while in mobile) to have a page pop up right there and then, rath....

I noticed that every time I add info to my mobile site, it shows up at the bottom. So when i click on a page, it changes at the bottom. I really don't want my customers to have to scroll down every single time they click on something. Can't it just pop up right there and then without having to go all the way down to look?
Photo of Todd H

Todd H, Social Media Specialist

  • 18,536 Points 10k badge 2x thumb
With Website Builder, each time someone clicks one of the links, it loads the new page starting from the top. If you create a single page and stack it, this guide might be able to help.