Hauer HubSpot Theme Help

  1. Introduction
  2. Requirements
  3. Installation
  4. Theme File Structure
  5. Templates
    1. Home
    2. About
    3. Services
    4. Contact
    5. Blog
    6. Blog Post
    7. Landing
    8. Blank
  6. Modules
    1. Accordion
    2. Calendar
    3. Call-to-Action Section
    4. Fancy Header
    5. Icon Card Set
    6. Image & Text
    7. List
    8. Menu Section
    9. Page Title
    10. Pricing Card
    11. Quote
    12. Single Letter/Number
    13. Social Accounts
    14. Team Members
    15. Testimonial
    16. Vertical Spacer
  7. Theme Options
  8. Copyrights

1. Introduction

Thank you for purchasing Hauer HubSpot theme.

Hauer is a creative HubSpot theme for corporate companies which wants to be a bit cool and also design agencies to stand out. It comes forward with especially color usage and effective positioning of design elements. With its minimalist approach, you'll have a long-life and always trendy website for your visitors.

For your questions and help requests, please use the comments page on ThemeForest.

Follow us on Envato to keep in touch!

2. Requirements

Please ensure that you meet the following matters to use this theme:

That's all.

You can visit this link to create a HubSpot account.

3. Installation

Please follow the steps below:

  1. Login to your HubSpot account.
  2. On the top right, click the Settings icon (looks like a gear).

    Settings Icon

  3. Click Tools > Website > Themes from the left sidebar menu.


  4. You'll see the Upload Theme at the top right corner of the screen. Click it and then choose the zip file you've downloaded from ThemeForest.

    Upload Theme

You're done! If you completed the steps successfully, you should see the Hauer theme and its templates when you're creating a new page.

Visit HubSpot Reference Docs to learn more.

4. Theme File Structure

The file and folder structure of Hauer theme is as follows:

File Structure

5. Templates

Hauer has 8 ready-to-use page templates for you:


A strong homepage template to attract your visitors at first sight.

File location: /templates/home.html


A useful template for providing some information about you and your team.

File location: /templates/about.html


When it's time to explain what you do, this template is what you need.

File location: /templates/services.html


A clean template with a contact form and information.

File location: /templates/contact.html


Classic blog view is always a plus for most of the visitors. This blog template focuses on your content directly.

File location: /templates/blog-index.html

Blog Post

A clean and classic blog post template for your posts.

File location: /templates/blog-post.html


Welcoming your visitors is important. If you need that kind of page, use this template.

File location: /templates/landing-page.html


A blank template for a fresh start. If you'd like to see an empty page which you can create any design with it, just use this one.

File location: /templates/blank.html

Hauer theme also includes all of the default HubSpot templates such as Search Results, Password Required Page, Subscription Page etc.

6. Modules

Hauer has 16 ready-to-use modules for you:



Add a section to your site which is created by titles and texts belong to them. When title is clicked, the text appears.



With this module, you can add an event list to your site. An optional button is available, which goes to a specific link on click.

Call-to-Action Section


Use this module for attracting your visitors to a specific subject, campaign etc.

Fancy Header


This module adds a heading to your site in a different design. It allows you to choose from H1 to H6 as usual.

Icon Card Set


Boxed cards with images, titles and texts. Useful for listing features of what you provide.

Image & Text


A multipurpose text section with an optional image and button.



A handy module to list some important features.

Menu Section


A menu to use in your Header section. The menu you see on our demo site is created with this very module.

Page Title


Useful title module to place at the top on your pages like About, Services etc.

Pricing Card


If you're selling a service and have different plans, you can use this module to give information about them.



A classy module to display a quote.

Single Letter/Number


A module for only 1 letter or number. Useful when you need to create a list of steps or options from A to F maybe.

Social Accounts


A module to add your popular social accounts to your site. We recommend you to use this module on your footer.

Team Members


If you have a team, you probably want to introduce them on your site. This module helps you with that.



Let your site visitors know what your clients think about you. A handy slider for customer reviews.

Vertical Spacer

Just a module for adding some free vertical space when needed. You can adjust the height of the empty space.

7. Theme Options

To edit a theme setting, please go to Marketing > Files and Templates > Design Tools and select Hauer theme from the left hand side. Then click Preview button.

Theme Options

Keep in mind that you'll need to click the Publish to X assets button at the top right corner of the screen only if you'd like to make changes on all pages that created with the theme.

Don't forget to click Apply Changes to let your changes take affect. You can visit this page for more information regarding your theme settings.

8. Copyrights

All the images/photographs used in our demo site and all the rights of them belong to their creators/owners. All of them have been collected from free royalty image providers such as pixabay, Unsplash, Pexels and Freepik (Author: stories) and they are completely free to use.

Thank you.

We hope you'll love Hauer HubSpot Theme and its features. Again, don't hesitate to share any thoughts, ideas, comments or requests with us. We're here to help you and make your experience better.

Talk to you soon!