COS-Site-Pages-Templates

How can I add a HubSpot theme to my existing HubSpot account?

Last updated: April 5, 2017

Available For:

Marketing: Basic, Pro, Enterprise
Sales: N/A

HubSpot provides several theme options for your HubSpot Marketing account. If you have an existing HubSpot Basic, Pro, or Enterprise account or a Marketing trial with a theme that has already been customized, work with your site admin to make sure your account is compatible with HubSpot's themes before adding a new one.

Please note: themes are designed to have a certain look and feel and may not be compatible with existing content in your account (large logos, large menus, etc.).

Since your existing account may already include global scripts and CSS files that could affect the way that the themes render, you must first attach any of these files to your existing templates rather than applying them globally via Content Settings. Have your administrator follow these steps to ensure that your portal is compatible with HubSpot's default themes:

  • Navigate to Content > Content Settings
  • Under Page Publishing, locate Site Header HTML & Site Footer HTML
  • Copy and remove any scripts and links to CSS files that affect the display or functionality of your current theme. If you have different assets for different connected domains, you would need to toggle between domains and remove them for each domain.
  • Do not remove any scripts that you want to apply globally to all content (ie Google Analytics).
  • Open Design Manager.
  • Navigate to the template layouts that you currently use.
  • For assets that need to be added to the <head>, click Edit > Edit Head.
  • Paste in the code from the Site Header HTML. Click Save.
  • Click Publish changes within the template.
  • Save your changes to Content Settings
Migrating Script from Head HTML
  • For assets that need to be added to the template footer, click the gear icon on your global footer and select Edit.
  • Add and/or edit a custom HTML module to the footer.
  • Paste in the code from your Site Footer HTML.
  • Click Publish changes.
  • Save your changes to Content Settings.
User-added image
User-added image

Once you have made sure your account will be compatible with a new theme, you can add one to your account from the Marketplace here