WebsiteBuilder: Anchor Links

  • 2
  • 3
  • Article
  • Updated 1 month ago
  • (Edited)
You can easily create "anchor links" in Website Builder by using Element Behaviors. 

  1. Click on the element you want to have trigger the anchor link (Button or text, usually). Then click More > Advanced > Settings




  2. Click "Add Behavior"




  3. Click "Scroll To Element"




  4. Select "Other Element" and click OK




  5. Scroll down to the element you want to anchor or scroll to and select it (I used a picture of an anchor)




  6. Set your Speed and Trigger preferences and click OK




    **Note: this will only work with elements on the same page.
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

  • 42,916 Points 20k badge 2x thumb

Posted 1 year ago

  • 2
  • 3
Photo of c21tpmarketing7296

c21tpmarketing7296

  • 122 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled I can't find the "anchor" feature in Website Builder...help!.

Are anchors available in Website Builder? If so, where would I find them? I need to link text on a page to another part of the same page.
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 44,948 Points 20k badge 2x thumb
Hey c21tpmarketing7296

These are the instructions for anchor links in Website Builder, let me know if this
Photo of Susan

Susan

  • 2,734 Points 2k badge 2x thumb
I was looking for the answer to a different question and came across this.  Thanks!  It worked!

Ps. Will the anchor icon be invisible when the page is published?
(Edited)
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 44,948 Points 20k badge 2x thumb
No, I just used an anchor picture for an example. You would use whatever element you wanted to scroll to instead of the anchor icon (like a picture or text) . If that is not clear, I can definitely update the article. I just created it in response to this question yesterday
Photo of Stephanie0691

Stephanie0691

  • 162 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled how to add hyperlinks.

I want to link a button to text so when you click the button it will send you to text on the same page.
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 44,948 Points 20k badge 2x thumb
Hello Stephanie,

Here are the instructions for using Element Behaviors to create an anchor link like that.
Photo of david2953

david2953

  • 6,966 Points 5k badge 2x thumb
Will the feature allow you to click the element and then send you to text on a different page?
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 44,948 Points 20k badge 2x thumb
No, this will only work on the same page.
Photo of Keith9054

Keith9054

  • 200 Points 100 badge 2x thumb
That's a pity.  I had hoped to have links on the home page that could send the user on to page 1 section 2, or a different topic further down page 1 at section 3.

Am I right in thinking that the only real way to do this would be to create separate pages for each topic?
Photo of Michelle C

Michelle C, Employee

  • 14,388 Points 10k badge 2x thumb
That would be correct. You can link elements to other pages but cannot specify what section it links to, it would just be the top of the page. If the person is already on a specific page, then you can link to a specific section on that page. 
Photo of Kathleen1687

Kathleen1687

  • 230 Points 100 badge 2x thumb
Is there a way to do this in the old SiteBuilder?
Photo of Michelle C

Michelle C, Employee

  • 14,388 Points 10k badge 2x thumb
Hello,

Yes Sitebuilder can do this also, here are the instructions. https://community.homestead.com/homestead/topics/sitebuilder-plus-anchor-links