WebsiteBuilder: Anchor Links

You can easily create "anchor links" in Website Builder by using Element Behaviors.

Click on the element you want to have trigger the anchor link (Button or text, usually). Then click More > Advanced > Settings
Click "Add Behavior"
Click "Scroll To Element"
Select "Other Element" and click OK
Scroll down to the element you want to anchor or scroll to and select it (I used a picture of an anchor)
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.

Homestead FAQ, Employee

42,626 Points

Posted 1 year ago

1 year ago

c21tpmarketing7296

122 Points

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.

Comment

2 people like this

2018-08-16T18:03:45+00:00

Elyzabeth , Official Rep

43,876 Points

Hey c21tpmarketing7296

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

2018-08-17T19:00:11+00:00

Susan

2,734 Points

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)

2018-08-17T19:53:57+00:00

Elyzabeth , Official Rep

43,876 Points

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

7 months ago

Stephanie0691

162 Points

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.