Blogs/Themes/Landing Pages Help with Custom Code

[TGriffiths3]

Our website has been built with custom code on a theme with templates for webpages called Everstead Customer and Everstead Partner.

I want to apply the same theme and template across our blogs. If it's possible, to have the ability to select either customer or partner for when I need to upload blogs for each?

I also need to get our landing pages sorted (for PPC campaigns). I have created a simple Nav Bar that only has our logo on - but this is not applied on one of the landing pages I am trying to build. The custom modules for the theme also don't appear in the landing page builder - can this be added please?

So to recap:

Blogs: Need to apply the same website theme/template so the global nav bar appears on the blog pages - to keep it uniform when people are using the site. Also need to differentiate between customer and partner blogs - as they have different nav bars.

Landing pages: Need the custom modules from the website theme to be present in the builder - and to apply a simple nav bar without a burger menu on mobile.

Can someone help me with them please?

Landing pages and blog pages use different templates, this is the custom coded template  being using within our landing pages and this is the default blog post template  being used, are you able to copy and paste the assets from pages to blogs?

[RubenBurdin · Accepted solution]

Hi @TGriffiths3 , this is a classic HubSpot CMS theme architecture situation, so you’re not far off.

Blogs and landing pages cannot reuse the exact same template file, but they can share the same theme assets and modules.

The key is how the theme is structured. In HubSpot, blog templates are their own template type, but they can reference the same global partials, modules, and CSS/JS as website pages. That’s how you keep nav, footer, and styling consistent across the site. You don’t copy and paste assets between templates. You centralize them in the theme and reference them everywhere  (https://knowledge.hubspot.com/website-and-landing-pages/use-themes )

For the “Customer vs Partner” blog distinction, the usual pattern is to create two blog post templates within the same theme, each one loading a different global header module or partial. Then you assign the appropriate blog template at the blog listing or post level. This gives you different nav bars while still sharing the same design system underneath. Trying to switch navs dynamically inside one blog template usually becomes messy fast.

On landing pages, custom modules only appear in the editor if they are built as theme modules and marked as available for landing pages. If your modules were created only for website pages, they won’t show up. This is a module configuration issue in Design Manager, not a landing page limitation (https://knowledge.hubspot.com/design-manager/create-and-edit-modules )

 Same for the simplified nav. The clean approach is to create a dedicated “Landing Page Header” module with no menu and no mobile burger, then include it in a landing page–specific template.

Short version: one theme, multiple templates, shared modules, and different headers controlled at the template level. You’re thinking in the right direction. You just need to restructure slightly rather than duplicating things.

Hope this helps.

[SamTassey]

Hello @TGriffiths3 

Welcome to the Community! 

Great catch @ashleyidesign! Chiming in here to inform you that I've removed the links from your post as these were directing to your personal portal. If you have additional info that you'd like to share, then please feel free to screenshot or copy/paste specifically what you were referencing in your design manager links. 

Thank you! 

Sam, Community Manager 

[ashleyidesign]

Hey there!

You've included links directly to the design manager but someone would need access first. Happy to take a look and give you a quote for this if you'd like. You can email me at ashley at ashleyidesign.com