Solved

Is there a way to link to anchor name tags in-page?

  • 25 October 2011
  • 10 replies
  • 35 views
dshanahan

Best example would be placing a link at the bottom of a long sales page to the top of the page. Or at the top, linking to a spot halfway down for a particular product.

This is normally done using anchors like “#product1” or “#top”.

Thanks!

Note from the Unbounce Team:

We’ve recently added a super easy guide (and screencast) to adding buttons that smoothly scroll to other parts of the page!

http://documentation.unbounce.com/hc/en-us/articles/203805714-Adding-and-Editing-Buttons-and-Confirmation-Pages#content8

It just involves linking to anchors, as above, and simply dropping in a piece of JavaScript.

Let us know if you have any questions! :spinbounce:

icon

Best answer by Mark_Wainwright 3 April 2014, 20:05

View original

10 replies

J

Hi there!

Yes, you can definitely use anchor name tags in page.

The best way to do this is to include the anchor tag to the source of your text element in the page (this is where you want the link to go to). Once you have done so, you can go ahead and create the link to this anchor anywhere on the page with either an image or text link. When putting in the link in this step, you will be able to just put the ‘#name’ for the anchor rather than a full URL.

Make sure to save your changes and republish when testing this out for your page.

I hope this helps!

Cheers,
Jacquelyn M
Unbounce Customer Success

dshanahan

Thanks a bunch.

G

This reply was created from a merged topic originally titled
anchor tags.

how do I make anchor tags so I can link to them within the page?

M

This reply was created from a merged topic originally titled
Add anchor text.

After reviewing the previous 4 questions to this and following directions, I wasn’t able to add an anchor text link within the same page.

I tried adding an anchor to where I wanted my link to go and then added a link to that anchor and still didn’t work. I looked at the html and everything looked correct but for some reason it’s still not working.

Mark_Wainwright
Rank
Userlevel 2

Hi all. I just wanted to give some more up-to-date and concrete advice about using anchors in Unbounce pages.

We’ve had a few customers using the Custom HTML box to manually add their own anchors, along the lines of:

However some were complaining that linking to these anchors wasn't working consistently across all browsers. Having investigated, I think some browsers don't respond to anchors without any text between the opening and closing `````` tags, like that one.   
 
This plays into a larger issue, though Ð HTML5 no longer supports the `````` 'name' attribute. It's been dropped in favour of 'id', and browsers have supported using 'id' as an anchor for several years now. This means you probably don't need to create messy `````` elements all over your page Ð all you would need to do is link your visitors to anchors representing existing IDs on your pages.   
 
Here's an example. Say I have two sections on my page and I want to give my visitor a link that'll take them straight to the second. If Unbounce has given the second section an ID of ``` #lp-pom-block-13 ``` :   
[<img src='//discourse-cloud-file-uploads.s3.dualstack.us-west-2.amazonaws.com/business6/uploads/unbounce/original/1X/3f4197325c58942b96de1fdbcd43bba7081e6517.png' alt=''>](https://d2r1vs3d9006ap.cloudfront.net/s3_images/1027363/anchor3.png?1393376735)   
..then I can just send my visitors to ``` http://sub.mydomain.com/landingpage/#lp-pom-block-13 ``` . This will work with any page element that has an ID. No additional anchors needed!   
 
Cheers,   
Mark
Mark_Wainwright
Rank
Userlevel 2

Just wanted to add a note here that we’ve recently added a super easy guide (and screencast) to adding buttons that smoothly scroll to other parts of the page!

http://support.unbounce.com/entries/2…

It just involves linking to anchors, as above, and simply dropping in a piece of JavaScript.

Let us know if you have any questions!

A

Wouldn’t it be lovely to have a simple “add anchor” button that simplified all this? I’ve tried adding the javascript but it’s still doing nothing to help me get from a text link to a lower section in the page. 

Meghan_Wagner
Rank

Hey Alex - Great suggestion!

The smooth scroll javascript being a built in feature is definitely something that is on our radar. At this moment we don’t have an ETA on it’s release.

However, the Javascript is only needed for the nice scroll animation, you can still use the element ID as an anchor for any link.

Feel free to send us an email, support@unbounce.com, if you have any questions 🙂

 

R

Thank you this solved my issue perfectly

K

Could you tell me please which editor/sofware are you using ?

Reply


Terms & ConditionsCookie settings