Broken Links in HubSpot Footer Pointing to Shopify Pages and Blog Articles

[marketinglcm]

Hi everyone,

I'm encountering a strange issue with a page I built entirely on HubSpot — including the design, content, and footer. The page is live here:
https://blog.lescuistotsmigrateurs.com/

My main website is hosted on Shopify, and in the footer I created directly in HubSpot, I’ve added several links pointing to:

Pages on my main Shopify domain (for example: https://www.lescuistotsmigrateurs.com/contact)

Blog articles created on HubSpot (for example: /article-x)

The issue:
When clicking on these links from the HubSpot page, they return errors like "Page not found," even though:

The links are correctly formatted (absolute for Shopify, relative for HubSpot blog articles)

They work perfectly outside of the HubSpot page (when opened manually in a new tab)

The footer was created directly in HubSpot — not embedded or copied from Shopify

It feels like HubSpot is breaking the redirection or misinterpreting the links, either for external URLs or internal blog posts.

Has anyone experienced something similar?
Any ideas on what might be causing this or how to fix it?

Thanks in advance for your help

[MichaelMa · Accepted solution]

This is what is outputted in the footer:

<li>
<a href="{url={type=EXTERNAL,%20content_id=null,%20href=https://www.lescuistotsmigrateurs.com/pages/a-propos,%20href_with_scheme=https://www.lescuistotsmigrateurs.com/pages/a-propos},%20open_in_new_tab=false,%20no_follow=true,%20sponsored=false,%20user_generated_content=false,%20rel=nofollow}">Notre mission</a>
</li>

It looks like you're using something like {{ link.url }} in your code but if you break down the output above, you see that you need to go down further to get access to the url: {{ link.url.href }}.

A cleaned up example of the link field output 

{
  no_follow=false, 
  open_in_new_tab=false, 
  rel=, 
  sponsored=false, 
  url={
    type=EXTERNAL, 
    content_id=null, 
    href=https://google.com, 
    href_with_scheme=https://google.com
  }, 
  user_generated_content=false
}

Breaking down the above varaible/values:

link.no_follow = false

link.open_in_new_tab = false

link.rel = 

link.sponsored = false

link.url.type = EXTERNAL

link.url.content_id = null

link.url.href=https://google.com

link.url.href_with_scheme=https://google.com

link.user_generated_content = false

[MichaelMa · Accepted solution]

This is what is outputted in the footer:

<li>
<a href="{url={type=EXTERNAL,%20content_id=null,%20href=https://www.lescuistotsmigrateurs.com/pages/a-propos,%20href_with_scheme=https://www.lescuistotsmigrateurs.com/pages/a-propos},%20open_in_new_tab=false,%20no_follow=true,%20sponsored=false,%20user_generated_content=false,%20rel=nofollow}">Notre mission</a>
</li>

It looks like you're using something like {{ link.url }} in your code but if you break down the output above, you see that you need to go down further to get access to the url: {{ link.url.href }}.

A cleaned up example of the link field output 

{
  no_follow=false, 
  open_in_new_tab=false, 
  rel=, 
  sponsored=false, 
  url={
    type=EXTERNAL, 
    content_id=null, 
    href=https://google.com, 
    href_with_scheme=https://google.com
  }, 
  user_generated_content=false
}

Breaking down the above varaible/values:

link.no_follow = false

link.open_in_new_tab = false

link.rel = 

link.sponsored = false

link.url.type = EXTERNAL

link.url.content_id = null

link.url.href=https://google.com

link.url.href_with_scheme=https://google.com

link.user_generated_content = false

[marketinglcm]

Hi, thank you for your detailed explanation!

I see what you mean about needing to use link.url.href instead of just link.url, but to be honest I haven't touched the code myself — everything was built using HubSpot’s default modules or drag-and-drop editor. So I'm not sure where this logic is coming from or how I could fix it.

Is there a place where I can access this logic (maybe in the Design Manager or module settings)?
Or do I need to go into a specific coded template to find and adjust that part?

Right now, I still don't really understand where this link.url output is being generated from in my page setup. So any help to locate or access the right place to make that fix would be appreciated! Thank you !

[MichaelMa · Accepted solution]

Normally, footers use the hubspot/menu.module to make use of the Hubspot Navigation available in settings. It looks like the modile you're using is coded incorrectly to use Link fields.

I'm not sure what Theme you're using or what module you're using but yes, you would be able to go Design Manager and find the module to edit it. However, if it's Theme you downloaded from the Marketplace, you would need to make a child theme and edit it there.