Anchor Links in Website Builder

  • 2
  • 3
  • Question
  • Updated 1 week 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

  • 41,656 Points 20k badge 2x thumb

Posted 6 months ago

  • 2
  • 3
Photo of c21tpmarketing7296

c21tpmarketing7296

  • 82 Points 75 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

  • 26,380 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,704 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

  • 26,380 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

  • 142 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

  • 27,592 Points 20k badge 2x thumb
Hello Stephanie,

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