Purchasing & Installing Theme

🥇 Important first steps

📚 Start by setting up your theme as a child theme, and add your branding and colours to make it feel more like your brand.

Why create a child theme

Think of a child theme as a clone of an existing theme. It’s the exact duplicate of the parent theme, but we can modify it as we see fit.

We can edit a child theme as desired without changing the original parent theme. Whether we just want to tweak a few details or use an existing theme as a jumping-off point to craft something unique, we can do it all without any damage to the parent theme.

That means that we have free range to edit any of the theme’s code without overwriting the original files. As a result, our parent theme can continue to receive updates from the original creator, which are painlessly inherited by our child theme.

Rather than creating our own forked version of the theme, we are able to selectively modify relevant theme files while still relying on the parent theme. The result is a completely customized appearance backed by the benefits of a pre-packaged and professionally updated theme.

How to create a child theme

In the design manager, you can create a child theme - a copy of a purchased theme - based on a purchased Asset Marketplace theme or a default HubSpot theme. 

Developers can also create child themes based on custom themes and create child themes using the CLI using our developer documentation. Learn more about working with child themes. 

• In your HubSpot account, navigate to Marketing > Files and Templates > Design Tools.
  
  
• In the finder, click the @marketplace folder for Asset Marketplace themes or the @hubspot folder for default themes.
  
  
• Right click a theme folder, then select Create child theme.
  
  
• In the dialog box, enter a name for the child theme.
  
  
• To change where the child theme will be saved, click Change in the File location section. Click a folder, then click Select.
  
  
• To customize the names of the theme's CSS and JS files, click Advanced options, then enter new file names in the CSS and JS fields.

To finish the process, click Create child theme.  You can edit the styling for the child theme in the content editor.

How to update the theme

When you update to the latest version of a template or module, a new version of the template or module will be created in your account. This ensures that any customizations that you've made to the template or module don't get overwritten automatically.

To update to the latest version of a template or module:

• In your HubSpot account, click the Settings icon in the main navigation bar.
  
  
• In the left sidebar, click Marketplace Download.
  
  
  
• Hover over your purchased product and click Install update.

For themes, HubSpot will overwrite upon update. If you're using a module and it gets updated, your page will pull in the new version. However, if you are using a module and that module doesn't exist in the new version, we do not delete it from your HubSpot account.