Linking from one page to another Internal but jumping to a section of that page

Developer Support CMS Development
1

I found the following article
How to Create a Link to Jump to a Specific Part of a Page (hubspot.com)

However, this does not seem to help me. I want to link from one HubSpot CMS page to another HubSpot CMS page but jump to the specific part of that page. The page I want to link to is a pillar page from the Thrift Template; this works within the page. Clicking the left-hand section (see image below) makes it happen, but if I try to use that in the URL, it does not work. The article above seems to only deal with links on the page. It does not reference the use of Anchors in HubSpot itsef though the insert. Any help anyone can give I would be most greatfulll

j_k_nash101_0-1706204261009.png
j_k_nash101_0-1706204261009.png1856×1386 358 KB

2

@j_k_nash101 no problem, you can append the anchor link to the end of the URL for the other page.

For an anchor link on the same page, the URL is #anchor

When you add it to another page, the URL would be www.website.com/another-page#anchor

Hope this helps clarify!

3

Also, I’m not sure how the table of contents is coded with Thrift theme, but if you share the page link I can help you get the anchor link from the code - it sounds like they are using IDs to jump to the right section, which doesn’t actually change the URL in the nav bar of your browser.

4

Thanks, Jennifer. I have tried that, and it does not work. I select the external URL, copy the URL, and the anchor name with a #Anchor_name. It does not even take me to the other page!!! Does it keep me on the same page even though the URL is clearly for a different page and has the #Anchor_name at the end? Do you have any other ideas? Is it possible to link to an external page and have it jump to that location? or am I trying to do something that’s not possible?

5

@j_k_nash101 it’s absolutely possible, I do it all the time.

There could be something about the way the module you’re using is coded that might be breaking your link, that seems a little unlikely.

Can you share the page link so I can look at how the anchor link is configured in the code?

6

Here Are the two pages…

The first one lists the high-level service, and the second lists the details. The behaviour I want is when the user clicks the learn more button about debt tracing; it goes to the section on the second page, which has the anchors in it.

This is the page with the Anchors

This is the page where the first debit tracking (learn more) button

The Learn more button has the following External URL link
https://143332599.hubspotpreview-eu1.com/#“Debt_Tracing” but it remains on the same page I even tried it with just Debt Recovery Specialist Services & Prices | Helpland and it remains on the same page!!! which is clearly not right

Again any help I would be most grateful…

7

The issue is that I can’t put in the URL only External, which I think is a limitation of the template I use on the buttons. I have built a workaround using links (URL), which does seem to work. Odd the template buttons done support URL as an option.

8

The External box should allow you to add any URL, whether it’s internal or not.

Does it look something like this:

Jnix284_0-1706301822207.png
Jnix284_0-1706301822207.png372×450 26.6 KB

It does require you to include https or http, or it doesn’t recognize it as external.

Some templates/themes have an internal URL option that overwrites the exteranl, but this should provide the same results if you configure it this way.

9

That is what it looked like, but it did not work when I used a rich text link (URL). It worked most odd… But thanks for you help with this a have working solution of sorts with a work around

10

@j_k_nash101 I’m sorry we couldn’t figure out why it wasn’t working, I’m glad you found a working solution though!