What are anchor links and how can I use them?

  • 2
  • 6
  • Question
  • Updated 2 months ago
  • Answered
Anchor links are a special type of link that allow you to link to a specific part of a page. This can be very handy when you have a page or pages with a very large amount of content.

What can I do with anchor links?


Create a link to another part of the same page
Create a link to a specific spot on a different page
Create a link to a spot on any page, using the navigation menu
Create a link to return to the top of the page


Link to another part of the same page

1) Click Websites Manager in the left navigation menu. Then, click Edit Site.


2) Go to the page with text you'd like to use. Using your mouse, double-click inside the text box and highlight the text that you want to be a link. Here's an example of selecting text:


3) On the right, in Text Settings, click Link. You may have to scroll down in Text Settings to see the Link button.


In the Link Window:
a) What do you want to link to? select Another Area on this page.
b) Select Create new anchor link from the drop down menu.

c) How do you want the link to open? Confirm In the current browser window is selected and then click OK.


Note: You can select In another browser window. However, this will cause your visitor to have multiple windows of your website open. This can be confusing for visitors. Therefore, we recommend that when you link to pages within your site you select In the current browser window.


4) The AnchorLink-1 appears on the page. Click and drag the anchor link to the area of the page desired.


5) Click Publish. Then, click This Page. Then, test the link on your live website. Be sure to check that when a visitor clicks a link they have an easy way to get to other areas of your site.

Return to top


Link to a specific spot on a different page

1) Create a normal anchor link, on the page which you want to direct the visitors to. So, you'll complete the above.

2) After you publish the page with the anchor link, pull up the live website in a new browser window. You'll need to click on the link that you just created so that it moves you down the screen to where the anchor was placed. In my example I created a page named "page 6". Notice the URL highlighted in yellow



3) After you click on the link that takes you to the anchor, you'll see the URL change to reflect the anchor link.


4) Next return to SiteBuilder. In my example I created "page 5". .Add a text box to the page. Add the text to link and click the link button under text settings on the right side. When you get to the Link dialogue box, you will click the 2nd radio button titled "URL (Web Address)".



5) Next you will return to the window which has your live website opened and copy the entire URL


6) Return to the SiteBuilder link box and paste the URL as shown. Make sure you capture the full URL containing the added link info at the end.


7) Click OK, and publish the page. You will now have a link from one page to an anchor on different page.

Return to top


Link to a spot on any page, using the navigation menu

1) Create the anchor link as described above. Publish the page

2) Visit the published page and click on the link. and copy the URL in the address bar.


3) Click on the navigation menu and then on Edit.



4) Click on the links tab, and then on the link you want to edit and click edit link(you can create a new link by clicking the + at the top right of the link list.


5) Select the 2nd radio button "URL (web address)" and paste the achor link URL into the box.


6) Publish.

Return to top


Link to return to the top of the page

1) Add the text you want to go to the top of the page and highlight that text. You might use Return to top or back to top.

2) On the right, in Text Settings click Link.


3) In the Link window, choose the 4th option Another Area on this page ("anchor link"). Then, select top of page from the drop-down. Click OK.


4) Publish

Return to top
Photo of Drew N

Drew N, Community Manager

  • 257,542 Points 100k badge 2x thumb

Posted 4 years ago

  • 2
  • 6
Photo of Renee M.1654

Renee M.1654

  • 142 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
Two links on one page.


Hi, I have two links created for two topics that appear on the same web page. When I press the link to the topic located at the bottom half of my page, you don't see it since it's defaulted to the top of the page. Can I set that link so that when you click on it, it directs you to the "center" of the page its on. Also, both links fade out when I click on either. Can this be eliminated???
Photo of Drew N

Drew N, Community Manager

  • 257,108 Points 100k badge 2x thumb
Good morning Renee M.1654,

Anchor links will allow you to link to a specific spot on a page.  Instructions are above.

I believe you found the link color and visited link color to prevent the color change.

Thanks

Drew
Photo of Lynnsy3037

Lynnsy3037

  • 130 Points 100 badge 2x thumb
I am trying to figure out links for a map. I want to link a number that is part of the map to a page that shows a building with copy. I can produce the anchor. But I am confused, do I put it on the map or on the page I want the viewer to go to? Can you help please? I have tried a lot. Thanks. Lynnsy Logue at lynnsylogue@Hotmail.com
Photo of Lynnsy3037

Lynnsy3037

  • 130 Points 100 badge 2x thumb

Both pages are on the same website of course. There is one page for the map, a drawing with numbers on specific locations. The numbers are part of the art (so not text or stand alone graphic), the page I want it to "go to" is a separate page on the website with a picture and text for the building. I am stymied. Hope you can help. Thank you. Lynnsy


Photo of Drew N

Drew N, Community Manager

  • 257,108 Points 100k badge 2x thumb
Hi Lynnsy3037,

The anchor would go on the target page.  Follow the instructions in this topic for linking to another page.  You need to place the anchor on the target page and get the URL, then you can link to it.

I don't fully understand what you are trying to do, or what map you are using, but using Sitebuilder, you will not be able to link the Google map element to anything, as the map itself is already interactive. You can place text next to the map if you like.  If you are using other map software then that functionality is potentially available through code changes.

Thanks

Drew
Photo of Renee M.1654

Renee M.1654

  • 142 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
anchor link.


This is driving me crazy.  when I click on the "services" on my navigation menu, I want it to direct me to the CENTER of my page, NOT the top.  I created an anchor link, but it behaves as if I did nothing. Please Help.
Photo of Mike F.

Mike F., Alum

  • 184,358 Points 100k badge 2x thumb
Follow the steps above. You'll see a section for linking to spot on a different page. 
Photo of Erik Herrmann

Erik Herrmann

  • 176 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled Back to top link.

Can I put a link to bring users back to the top ov the page?
Photo of Drew N

Drew N, Community Manager

  • 257,108 Points 100k badge 2x thumb
Erik Herrmann, Place an anchor at the top and then you can link to it from anywhere on the page.
Photo of Erik Herrmann

Erik Herrmann

  • 176 Points 100 badge 2x thumb
Got it, Thank you!!
Photo of Drew N

Drew N, Community Manager

  • 257,108 Points 100k badge 2x thumb
You're welcome
Photo of George8296

George8296

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled Are there any plans to add "link to an area on another page" to the link options....

Are there any plans to add "link to an area on another page" to the link options in Sitebuilder
Photo of Paul

Paul

  • 92 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled How to concatenate an anchor to a link to a separate page.

How to I create a link from one page to another such that the link contains and takes the user to an anchor link on the targeted page? In other words.. I need the linked to also contain the anchor.
Photo of Al8032

Al8032

  • 712 Points 500 badge 2x thumb
Is this something that can be done with Website builder? Couldyou pls let me know how. I try to link to specific lines within the page and can't find how. Thnx
Photo of susan2829

susan2829, Champion

  • 42,858 Points 20k badge 2x thumb
The anchor link ability was unfortunately not included in the new websitebuilder. The developers have been notified and it's supposedly on their 'to do' list.
Photo of averypeakoutdoors

averypeakoutdoors

  • 120 Points 100 badge 2x thumb
Could really use this right now.......
Photo of themieleman

themieleman, Champion

  • 54,708 Points 50k badge 2x thumb
HOW TO LINK A PAGE, TEXT OR IMAGE:
How do I link text? https://community.homestead.com/homestead/topics/how_do_i_link_text_on_my_page
How do I link an image? https://community.homestead.com/homestead/topics/how_can_i_make_an_image_link_to_another_page
You can use a site navigation menu
You can link text.
You can link an image.
You can make anchor links.

HOW TO CREATE A LINK:
Select the text or image > From the image settings or text settings menu select Link > browse to insert an element from you files or to create an anchor link choose "Another Area on this Page > Click the down arrow to reveal the anchor link choice. Click Anchor link > You'll see the Anchor Element. Place this element in the desired position on your page.

LINK AN IMAGE:
Select the image > Use Image Setting Menu > Link > You can browse and select the link element of you can Copy the link URL address and insert it into the link command box.
LINK TEXT: Highlight the text and follow the same procedure.

LINK AN ELEMENT ON A DIFFERENT PAGE: 
https://community.homestead.com/homestead/topics/what_are_anchor_links_and_how_can_i_use_them
Produce an anchor link for the desired element, save and publish. Using your browser, navigate to the page and select the element. You'll see that the URL has changed to include the element's link address. Copy that URL and paste it in your Settings menu Link command.

 CREATE A LINK TO ANOTHER ELEMENT ON A DIFFERENT PAGE: You can select the URL from the address line and paste it into your Link command box. If the image or text on the page has an anchor link, you can select that element and the URL will include that specific element. Using that URL address will target that specific element. For example: Select any element on the page and produce an anchor link for that element. Save and publish. Use your browser, navigate and select that element in your site. You will see that the URL address has changed to include the anchor linked item. Copy that URL and paste that as your target link in your Link command box in Image Settings or Text Settings.

Produce an anchor link for the desired element, save and publish. Using your browser, navigate to the page and select the element. You'll see that the URL has changed to include the element's link address. Copy that URL and paste it in your Settings Menu Link command.
Photo of Drew N

Drew N, Community Manager

  • 257,108 Points 100k badge 2x thumb
averypeakoutdoors, In Websitebuilder, you can use a sections menu on a page to take readers to each different section on the page, or you can use This topic to use behaviors. https://community.homestead.com/homestead/topics/how-do-i-create-a-link-to-another-spot-on-the-same-...
Photo of Al8032

Al8032

  • 712 Points 500 badge 2x thumb
Hope it's available soon!
Photo of susan2829

susan2829, Champion

  • 42,858 Points 20k badge 2x thumb
We all do! It's kind of a must have.
Photo of Al8032

Al8032

  • 712 Points 500 badge 2x thumb
Hi, is this available yet?.  Thanks
Photo of Drew N

Drew N, Community Manager

  • 257,108 Points 100k badge 2x thumb
This topic is for Sitebuilder. If/when this feature becomes available in Websitebuilder we will have a topic in the Websitebuilder category. You will also see it in the What's new pop up when starting Websitebuilder.
Photo of Al8032

Al8032

  • 712 Points 500 badge 2x thumb
Any time frame for it?. We really need it. Thanks
Photo of Drew N

Drew N, Community Manager

  • 257,108 Points 100k badge 2x thumb
I am sorry. At this point it is not a feature that has been decided on.
Photo of Al8032

Al8032

  • 712 Points 500 badge 2x thumb
Well, can't possibly understand that. As Susan2829 said above, it's a must have. I hope Homestead will reconsider.
Photo of Kim6053

Kim6053

  • 306 Points 250 badge 2x thumb
This reply was created from a merged topic originally titled I want to publish a new page to the website. How do I get the page to go in a sp....

I created a new page for a special event that will be for members only. how do I put this page in the members only section?
Photo of Todd H

Todd H, Social Media Specialist

  • 19,814 Points 10k badge 2x thumb
Here is some information on creating anchor links with Sitebuilder Plus. I hope this is helpful, but definitely let us know if you still have additional questions.