Contact

    How to add a breadcrumbs menu to your HubSpot page

    Difficulty Level: Easy. This post assumes a basic understanding of HubSpot tools and little to no technical knowledge.

    You can use a default "Menu" module on your template or page to add a breadcrumbs style menu. 

    Step-by-step instructions

    Step 1: Add a Menu module

    Add a "Menu" module module to your template or page. On a template you can do this by clicking on the "+ Add" tab on the right-hand sidebar and searching for the "Menu" module: 

    Menu module on a HubSpot template

    On a page you can click on the plus sign (+) icon in the left-hand sidebar and search for the "Menu" module: 

    Menu module on a HubSpot page

    Note: If you don't see a plus sign (+) icon on the left-hand side of your page it means your template doesn't have flexible columns/drag-and-drop enabled. You may need to either add the menu to the template or add flexible columns to it.

    Step 2: Place the module and open its settings

    Drag the module to wherever you would like it to appear in your template or page and then click on it to open the module settings. These will appear under the "Edit" tab on the right-hand sidebar: 

    Edit the breadcumbs menu module

    Step 3: Update the module settings

    Scroll down in the module settings, select your the Menu you would like to use and set the "Advanced menu type" to "Breadcrumb style path menu (uses horizontal flow)":

    HubSpot breadcrumbs menu settings

    You can leave the other settings as they appear, although I've chosen to set the Max levels to 10 and disable flyouts above.

    Step 4: Publish your template or page

    Click on "Publish changes" on the top right-hand corner of your template or "Publish" on the top right-hand corner of your page and you should be ready to go!

    Note: you may not see the breadcrumb navigation until your page is live. You also need to make sure that the page you are viewing or it's parent page appears in the menu you've selected in order for it to appear.
    Last Updated: September 21, 2019

    Thank you! I appreciate the feedback 😊

    Sorry to hear that! 🙁

    I'd appreciate if you could take a moment to let me know how I can improve this article.

    hand-drawn-monitor-and-mouse

    Looking for a HubSpot website developer?

    Let me help you with website themes, templates, page setup and custom modules. 

    Get in touch

    Not using HubSpot yet?

    HubSpot offers a free CRM as well as Marketing, Sales and Services tools (with free options too!) and a powerful CMS. Learn more here.

    Note, as a HubSpot affiliate I will get a commission if you click on the link above and end up purchasing an upgraded version. No pressure though!

    Stephanie O'Gay Garcia

    Hi! 👋 I'm a freelance HubSpot Website Designer & Developer based in Toronto (Canada). Give me a shout if you have questions about this post or there's anything I can help you with.