Landing Page

Marketing & Content Hub Blog, Website & Page Publishing
1

Hello!

I have my landing page setup with one logo, but I’d like to make a new landing page that has a different logo. So, all my landing pages would have the main logo, but looking to have a different logo for just one landing page. I believe this can be done on the developer side, but unsure how to set it up so it does not apply to all other landing pages.

2

The easiest way (without affecting your other pages) is to clone your current landing page template and update just the logo in the cloned version. In HubSpot, each landing page pulls in the logo from the template, so if you tweak the template header for that single page, it won’t touch the others.

Here’s what I usually do:
Go to your design tools and find the template you’re using. Clone it (name it something like Landing Page - Special Logo). In that cloned template, swap the logo image module or the image source with the new logo. Then just assign this new template to the one landing page where you want the different logo.

I’ve also seen folks try to do it with CSS overrides, but honestly, messing with CSS can be a pain and risky if you don’t want surprises later.

3

Thanks for your response! I’ve cloned the global group header - just confirming that this looks to be the correct spot to swap out the new logo that will just be on the one landing page?
Once I update the logo here, how do I swap it out on the actual landing page?
[cid:image002.png@01DBF646.B7D477A0]

4

If you’ve cloned the global group header, that’s exactly where you want to swap in the new logo, that change will only apply to templates using that specific version of the header.

To use it on the landing page:
1. Go to Design Tools, find the full landing page template that uses this cloned header.
2. Make sure the cloned header is added to that template (just drag it in if needed).
3. Then, in the page editor, switch your landing page to use that new template under Settings → Template.

Only that page will get the new logo, and your other pages will stay untouched.

5

Hello!
This could be done by a developer by doing the following:

  • Add an image tag to your template (see: HubL standard tags - HubSpot docs and don’t forget export_to_template_context=True.
  • The above should create an image field in each page, you can upload the image via the page editor.
  • Update the navigation code to display the company logo unless there is an image in the new image field. If there is an image selected, then display the new image instead of the logo (a simple IF-ELSE statement).
6

How to Change the Logo on Just One Landing Page in HubSpot
If your logo is a global module in HubSpot, changing it will update the logo across all pages. To change it only on one landing page, follow these steps:

  • Open the landing page in the HubSpot editor.
  • Click on the logo (which is likely a global module).
  • In the settings, look for an option like “Convert to local” or “Remove from global” and click it. This will convert the logo to a local module that only affects this page.
  • Replace the logo image with the new one you want to use. This change will only affect this landing page and will not impact other pages.

If you don’t see the option to convert the logo to a local module:

  • Go to the Design Manager in HubSpot.
  • In the left-hand sidebar, navigate to the HubSpot folder.
  • Search for Logo Module, then clone that module.

(Example: Screenshot)

  • Create a new landing page template and use the cloned logo module in the header section.
  • Upload the different logo for this template.

This will update the logo only on this specific page, leaving other pages unchanged.