Getting Started

Never miss a POWER Update

Subscribe to our product newsletter to stay up to date

⚠️ If you purchased the full pack instead of the theme, please read the documentation of the full pack here

First things first, here is what you get

After purchasing our theme, you will find all POWER templates and modules in your HubSpot portal. When creating a new website page or landing page, you can select “POWER THEME” to get a list of all available templates. Additionally, the templates are named with the prefix “POWER THEME” if you prefer to use the search functionality.
The theme contains a variety of website and landing page templates that serve as a good starting point to build your well-designed, converting inbound websites.
Visit our → demo-page to check out all the example pages and module configurations we created for you.

This documentation helps you to get started with the POWER theme. We also added links to articles of the HubSpot documentation in case you are not familiar with the basic concepts and usage of the HubSpot CMS. In order to get a deeper understanding of the theme, this document also contains a reference guide for all custom-coded POWER modules. All possibilities of customization are documented here.

IMPORTANT:
We highly recommend you set up a child theme version of our POWER THEME before you start configuring and building your site. This gives you, us, or a third party the ability to change code, extend it with specific requirements, or change styles that are not configurable at this stage. 

You can create a child theme in the Design Manager. Your child theme will inherit the assets and files from POWER THEME. You will be able to edit the child theme even if the original theme is not editable whilst still being able to install updates.

To create a child theme in the Design Manager:

  • In your HubSpot account, navigate to Marketing > Files and Templates > Design Tools.
  • In the left sidebar, navigate to @marketplace > maka_Agency > POWER THEME.
  • Right-click on POWER THEME and choose Create child theme.
  • Enter a name for your child theme, e.g. "POWER CHILD THEME" or "POWER x YOURCOMPANY", choose the location of the theme, and click Create Child Theme.
    • If you open the advanced options, you can also customize the name of the child CSS and JS files that are created with your child theme.
  • Once your child theme is created, a success message will appear telling your child theme is ready to go. You can now Click Close.
  • You should now see your child theme and its contents in the left sidebar.

Congratulations, you have a future proof theme structure now and are ready to create a stunning website with the child theme version you just created 🎉

Example:
If you would like to add your own CSS styles of JS code you can now do that within your newly created child theme folder by editing the CSS or JS file that was created for you.

If you need help with this or want us to set it up for you don’t hesitate to contact us 😉

Read more about creating child themes in the HubSpot documentation.

 

jQuery Version

Our theme requires at least version 1.11.x of jQuery to run properly. 

Please navigate to the HubSpot Settings --> Website --> Pages --> jQuery. By default, the jQuery version 1.7.x is preconfigured. Simply change the version to 1.11.x. Alternatively, by unticking the checkbox Include jQuery, the POWER theme will take care of it and will load an even newer version of jQuery.


POWER-THEME_jQuery

 



Additionally, HubSpot provides massive documentation on the HubSpot CMS and themes. We added entry points for you here and there to be able to increase your HubSpot skills where needed.

HubSpot Knowledge-Base:
→ Getting started with themes