HubSpot WordPress Menu Setup Guide
Connecting your WordPress navigation to HubSpot is one of the fastest ways to keep your site structure consistent across landing pages, blogs, and marketing assets. In this guide, you will learn exactly how to sync an existing WordPress menu with HubSpot and control how it appears on your embedded forms and other content.
This tutorial is based on the official documentation at HubSpot's WordPress navigation menu guide, with extra clarity so you can set everything up smoothly.
Why Connect WordPress Menus to HubSpot?
When your WordPress menu and HubSpot content are aligned, visitors get a seamless experience. Instead of manually recreating navigation for every form or landing page, you can pull the same menu you already use in WordPress.
Connecting your navigation to HubSpot helps you:
- Reuse your existing WordPress menus on embedded HubSpot forms.
- Keep navigation structure consistent across pages.
- Reduce manual edits when your menu changes.
- Provide a familiar path back to key areas of your site.
All of this can be done entirely from your WordPress admin once the official plugin is installed.
Prerequisites for Using HubSpot Menus
Before you connect a WordPress menu to HubSpot, make sure you have:
- An active WordPress website with administrator access.
- At least one menu already created in your WordPress Appearance > Menus area.
- The official HubSpot WordPress plugin installed and connected to your HubSpot account.
Once those pieces are in place, you can start configuring navigation inside the plugin settings.
How HubSpot Uses Your WordPress Navigation
The plugin does not rebuild or replace your WordPress menus. Instead, it references an existing menu and displays it alongside HubSpot forms and other embedded components.
Typical use cases include:
- Showing your main site menu above a HubSpot form embedded on a landing page.
- Using a simplified menu for lead capture pages created with HubSpot forms.
- Ensuring that visitors can move from a HubSpot-powered page back into the rest of your site.
You stay in control of both the menu contents (managed in WordPress) and whether that menu is displayed with your HubSpot assets.
Step-by-Step: Connect a WordPress Menu to HubSpot
Use the steps below to link a specific navigation menu from your WordPress site to your HubSpot account through the plugin.
Step 1: Open the HubSpot Plugin Settings
- Log in to your WordPress admin dashboard.
- In the left-hand menu, look for the HubSpot section created by the plugin.
- Click the main HubSpot menu item to open the plugin's settings and tools page.
From here, you control how HubSpot integrates with your site, including which WordPress menu to use.
Step 2: Find the WordPress Navigation Settings in HubSpot
- Inside the HubSpot plugin area, locate the section dedicated to forms and embedded content.
- Look for an option labeled similar to “Navigation Menu,” “WordPress Nav Menu,” or “Use existing WordPress Menu.”
- Select this configuration panel to view how HubSpot interacts with your menus.
This panel is where you will select the WordPress navigation you want HubSpot to display.
Step 3: Choose the WordPress Menu for HubSpot
- Open the dropdown that lists available WordPress menus.
- Select the menu you want to share with HubSpot — for most sites, this is your primary header menu.
- Review the menu name to ensure you are not accidentally choosing a footer or secondary menu.
HubSpot will now reference this selected menu any time the plugin is configured to show navigation with your embedded forms or related components.
Step 4: Configure Display Options in HubSpot
- Still within the HubSpot settings, look for toggles or checkboxes controlling whether to display navigation with your forms.
- Enable the option to show your chosen WordPress menu where supported.
- If available, adjust styling or placement options (for example, whether the nav appears above or below a HubSpot form).
The exact wording of these settings can vary based on plugin updates, but the main idea is to turn on navigation display and confirm the correct menu is active.
Editing WordPress Menus After Connecting to HubSpot
Once the connection is set, you do not manage menu items inside HubSpot. All edits remain in your WordPress dashboard.
Update the Menu Structure in WordPress
- Go to Appearance > Menus in WordPress.
- Select the same menu you connected to HubSpot.
- Add, remove, or reorder menu items as needed.
- Click Save Menu.
Because the HubSpot plugin pulls the live WordPress menu, any structural change you make here will show up wherever that navigation is displayed with HubSpot content.
Confirm Changes on HubSpot-Embedded Pages
- Visit a webpage where you have embedded a HubSpot form with navigation enabled.
- Refresh the page and verify that new or updated menu items appear correctly.
- If you do not see your changes, clear any site caching layers and refresh again.
If you are using a performance or caching plugin, allow a few minutes for the updated WordPress menu to propagate everywhere the HubSpot plugin is used.
Best Practices for HubSpot and WordPress Navigation
To keep your navigation clean and effective while using HubSpot with WordPress, follow these best practices:
- Keep primary menus short: Limit top-level items so users are not overwhelmed on HubSpot-powered forms and landing pages.
- Use clear labels: Choose descriptive names like “Pricing,” “Resources,” or “Contact” instead of vague phrases.
- Test on mobile: Verify that the combined layout of your WordPress menu and HubSpot form remains usable on smaller screens.
- Align with your funnel: Make sure visitors can reach high-intent pages (like demos or contact pages) easily from any HubSpot form view.
These habits help you keep a consistent, conversion-focused experience as you combine WordPress navigation with HubSpot tools.
Troubleshooting HubSpot WordPress Menus
If your WordPress menu is not showing correctly in HubSpot contexts, check the following:
- Confirm the correct menu is selected in the HubSpot plugin settings.
- Ensure the option to display navigation with embedded forms is enabled.
- Check for caching conflicts by clearing your cache or temporarily disabling performance plugins.
- Verify that the WordPress theme has no custom code interfering with the plugin output.
If you need deeper technical help, you can compare your configuration with the original instructions from HubSpot's documentation on WordPress nav menus.
Optimizing Your HubSpot + WordPress Stack
Connecting navigation is just one part of building a smooth marketing stack with HubSpot and WordPress. You can further optimize your setup by:
- Mapping CTAs in your menu to key HubSpot forms and landing pages.
- Tracking how visitors move from navigation clicks into HubSpot conversion events.
- A/B testing different menu structures to see which paths produce better lead quality.
For strategic implementation support around analytics, UX, and SEO, consider partnering with a specialized consultancy such as Consultevo, which focuses on performance-driven website optimization.
Next Steps for Your HubSpot Navigation
Now that your WordPress menu is connected to HubSpot, prioritize the pages you want users to reach most easily from your forms and landing experiences. Review your navigation twice a year to keep labels, hierarchy, and target URLs aligned with your current marketing goals.
By keeping navigation, content, and conversion paths unified between WordPress and HubSpot, you create a smoother, more trustworthy experience that supports both user needs and business outcomes.
Need Help With Hubspot?
If you want expert help building, automating, or scaling your Hubspot , work with ConsultEvo, a team who has a decade of Hubspot experience.
“`
