Please ensure that you have a HubSpot account to use this theme. If not, you can visit this link to create a HubSpot account.

Create a HubSpot account

Installation

You can either install your theme from HubSpot Asset Marketplace or a .zip file.

From HubSpot Asset Marketplace

If you're installing the theme from HubSpot Asset Marketplace, just click the Install for free button on theme page and then follow the instructions.

From .zip file

If you have a .zip file of your HubSpot CMS theme, please follow the steps below to install it onto your account:

  1. Login to your HubSpot account.
  2. On the top right, click the Settings icon (looks like a gear).
  3. Click Tools > Website > Themes from the left sidebar menu.
  4. You'll see the Upload Theme button at the top right corner of the screen. Click it and then choose the zip file you've got.

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

To learn more about theme installation, please visit HubSpot Reference Docs.


FAQ

Here you can find the answers to frequently asked questions by our customers.

How can I view "Theme Settings"?

Navigate to Marketing > Website > Website Pages and choose a page to edit. On Edit page screen, switch to Theme tab and then click Edit theme settings button.


Templates

TrendBiz has 10 ready-to-use page templates for you, as well as the default HubSpot system templates such as Search Results, Password Required Page, Subscription Page etc.

Home

This template has been designed to be used on the homepage of your website. It contains the following sections and modules in order:

  • Hero Banner
  • Feature Section
  • About Section
  • Service Section
  • Video Section
  • FAQ Section
  • Team Section
  • Project Section
  • Testimonial Section
  • Funfact Section
  • Blog (Module)
  • Newsletter Section

File location: /templates/home.html

About

When you need to provide some information about you and your team, you can use this template. It contains the following sections and modules in order:

  • Breadcrumb Section
  • About Section
  • Project Section
  • Brand Logo Section
  • FAQ Section
  • Team Section
  • Newsletter Section

File location: /templates/about.html

Service

You can provide information about what you do, your services and clients, customer reviews and pricing with this template. It contains the following sections and modules in order:

  • Breadcrumb Section
  • Service (Module)
  • Newsletter Section

File location: /templates/service.html

Service Details

You can provide information about what you do, your services and clients, customer reviews and pricing with this template. It contains the following sections and modules in order:

  • Breadcrumb Section
  • Single Image (Module)
  • Section Title (Module)
  • Rich Text (Module)
  • List (Module)
  • Video Section
  • FAQ (Module)
  • Funfact Section
  • Testimonial Section
  • Newsletter Section

File location: /templates/service-details.html

Project

You can provide information about what you do, your services and clients, customer reviews and pricing with this template. It contains the following sections and modules in order:

  • Breadcrumb Section
  • Project (Module)
  • Newsletter Section

File location: /templates/project.html

Project Details

You can provide information about what you do, your services and clients, customer reviews and pricing with this template. It contains the following sections and modules in order:

  • Breadcrumb Section
  • Single Image (Module)
  • Rich Text (Module)
  • List (Module)
  • Social Share (Module)
  • Newsletter Section

File location: /templates/project-details.html

Contact

You can use this template to create your contact page. It contains the following sections in order:

  • Breadcrumb Section
  • Contact Section
  • Google Map (Module)

File location: /templates/contact.html

Blog Index

This is the template for your blog. It contains the following module:

  • Breadcrumb
  • Blog (Module)
  • Blog Pagination (Module)

File location: /templates/blog-index.html

Blog Post

For now, HubSpot does not allow to use drag & drop features in blog post templates. So, sections and modules are embedded into the template and you can't access them via the page editor.

  • Breadcrumb (Module)

File location: /templates/blog-post.html

Landing Page

This is a general landing page template to collect some information about your visitors via a form and reply a couple of frequently asked questions. It contains the following sections in order:

  • Hero Banner
  • Feature Section
  • Single Image (Module)
  • Section Title (Module)
  • Rich Text (Module)
  • List (Module)
  • Contact Section
  • FAQ Section
  • Newsletter Section

File location: /templates/landing-page.html


Sections

TrendBiz has 14 ready-to-use sections.

About Section

About section separated in two columns. Left column has a Image and Right column has heading and text.

Example Image

Brand Logo Section

Brand Logo section separated in One columns. All elements are image

Example Image

Breadcrumb section Full size background image separated in One columns. This Column has heading and link text

Example Image

Contact Section

Contact section separated in two columns. Left Column has contact info and right column has contact form

Example Image

FAQ Section

FAQ section separated in two columns. Left Column has Accordion and right column has Image

Example Image

Feature Section

Feature section separated in three columns. All column has Image icon, heading and text

Example Image

Funfact section

Funfact section separated in Four column. All column has Image icon, heading and text.

Example Image

Hero Slider Section

Hero Banner section separated in one column. This column has background image heading text button.

Example Image

Newsletter section

Newsletter section separated in one column. This column has heading text and form.

Example Image

Project Section

Project section separated in three column. This column has image heading and text.

Example Image

Service Section

service section separated in three column. This column has image heading and text.

Example Image

Team Section

Team section separated in Three column. This column has image heading and text.

Example Image

Testimonial

Testimonial section separated in one column. This column has image heading and text.

Example Image

Video Section

Video section separated in one column. This column has image and text.

Example Image

Modules

TrendBiz has 26 ready-to-use modules.

Header Navigation

One module for the entire header navigation.

Example Image

Header No Navigation

One module for the entire header no navigation.

Example Image

Mobile Menu

One module for the entire Mobile Menu.

Example Image

One module for the entire footer.

Example Image

Single Image

You can add an image in various layouts.

Example Image

Blog

You can list your blog posts in various layouts.

Example Image

Brand Logo

You can add Brand Logo in various layouts.

Example Image

Add breadcrumb navigation to your page.

Example Image

Add a button to your website.

Example Image

FAQ

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

Example Image

Feature

Feature with a image, title and some text.

Example Image

Form

One module for the entire a form

Example Image

Funfact

This module includes image icon, heading and text.

Example Image

Google Map

Add a Google Map to your website.

Example Image

Hero Slider

A hero slider with 2 slides.

Example Image

Image With Shape

Add an Image With Shape to your individual column.

Example Image

List

A handy module to list some important features.

Example Image

Newsletter

Add a Newsletter to your website.

Example Image

Project

Showcase the Project of your website in a tab and without a tab only like a grid layout

Example Image

Section Title

Add Section Title to your website. Every Section Title has a different content.

Example Image

Service

Showcase the Service of your website in a slider and without a slider

Example Image

Social Share

A Social Share module to add your popular social accounts to your website

Example Image

Team

This module has an image, social account, name, and designation.

Example Image

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.

Example Image

Video Popup

Add a Video Popup to your website.

Example Image

Theme Settings

To edit your theme settings, you'll first need to create a page with a theme template. The theme settings can be accessed within the content editor by clicking the Theme tab on the left. Then click Edit theme settings.

Example Image

The complete structure is as follows:

  • Global colors
    Example Image
  • Typography
    Example Image
  • Forms
    Example Image
  • Website Header
    Example Image
  • Website Footer
    Example Image

Keep in mind that you'll need to click the Publish to ... 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, when needed. You can visit HubSpot Knowledge Base for more information regarding your theme settings.

Visit HubSpot Knowledge Base

Support

To provide the best experience, MagicalMtas provides continuous support for all of our customers. If you’re facing any issue or if you’ve any query or a presale question please feel free to contact us via our support forum https://magicalmtas.freshdesk.com/. Our developer will help you all the way.