Matic 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. Banner
    3. Calendar
    4. Call-to-Action Section
    5. Fancy Header
    6. Icon Card Set
    7. List
    8. Menu Section
    9. Pricing Card
    10. Quote
    11. Single Letter/Number
    12. Social Accounts
    13. Team Members
    14. Testimonial
    15. Vertical Spacer
  7. Theme Options
  8. Copyrights

1. Introduction

Thank you for purchasing Matic HubSpot theme.

Matic is a professional HubSpot theme which lets you create clean and modern pages for your website. With its carefully designed modules and templates, you can save your time with designing and focus on your content.

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.

    Navigation

  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 Matic 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 Matic theme is as follows:

File Structure

5. Templates

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


Home

A classy homepage which you can find most of the modules the Matic has.

File location: /templates/home.html


About

A two columned area for about text which combined by an Accordion module for frequently asked questions as well as the Team section.

File location: /templates/about.html


Services

A professional atmosphere for the facilities you provide, a Testimonial module for your client's reviews and finally a pricing section.

File location: /templates/services.html


Contact

A simple template for your contact information and a message form to let your visitors get in touch with you.

File location: /templates/contact.html


Blog

A clean view of your blog posts with featured images and post titles.

File location: /templates/blog-index.html


Blog Post

Impress your visitors with a big title and featured image. Then let them focus on your content with this well-planned blog post template.

File location: /templates/blog-post.html


Landing

A catchy "first look" for your website. You can use this template to welcome your visitors and then redirect them to the sections you may want to promote.

File location: /templates/landing-page.html


Blank

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

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

6. Modules

Matic has 15 ready-to-use modules for you:


Accordion

module-accordion

You can create questions & answers section with this module. When you click on the title, the box expands and an additional text appears.


Banner

module-banner

A bold section to create wow effect. More impressive when used at the top of the page. The image is optional and you can select the header size from H1 to H6.


Calendar

module-calendar

A sleek list for your events which includes a title, date and a button which you can redirect to any link.


Call-to-Action Section

module-call-to-action-section

Attract your visitors with this useful module. When you need to call your visitors to action, we recommend to use it.


Fancy Header

module-fancy-header

If you want to use a heading a bit different from the default ones, you can use this module. It allows you to choose from H1 to H6 as usual.


Icon Card Set

module-icon-card-set

A boxed module with a Font Awesome icon, title and some text. Very handy if you're planning to add a section to inform your visitors with your services, features etc.


List

module-list

A handy module to list some important features.


Menu Section

module-menu-section

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


Pricing Card

module-pricing-card

If you have some different tiers for your products or services, you can use this module to list their features and prices.


Quote

module-quote

Some sentences require special treatment. Use this module if you'd like to pop out an important sentence or quote. You can add a name at the bottom of the module, if you wish.


Single Letter/Number

module-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

module-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

module-team-members

When you need to introduce your team members or some fellows, just use this module. You can add member cards as many as you wish.


Testimonial

module-testimonial

It's very important to let your visitors know about your current clients' thoughts in today's world. With this module, you can insert the reviews in a modern slider. Don't forget to add some images for each slide for a better impression.


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 Matic 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 and Pexels.

Thank you.

We hope you'll love Matic 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!

Burnhambox