Collab Master Theme Documentation

Requirements

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: Login to your HubSpot account. On the top right, click the Settings icon (looks like a gear). Click Tools > Website > Themes from the left sidebar menu. 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 Focus theme and its templates when you're creating a new page. To learn more about theme installation, please visit HubSpot Reference Docs.

Templates

The theme has 5 ready-to-use page templates for you, as well as the default HubSpot system templates such as Search Results, 404 Not Found, 500 Error 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
  • Two Column Image
  • Two Column Features
  • Features Grid
  • Project Listing
  • Testimonials
  • Client Listing
  • Global Contact Form

File location: /templates/homepage.html

Blog Index

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

  • Default Page Header
  • Blog Tag Filter
  • Blog Listings
  • Blog Pagination

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.

File location: /templates/blog-post.html

Single Project

Single project template acts as a blog post template with custom fields. Custom fields (modules) are embedded into the template and can be edited .

File location: /templates/single-project.html

Services

Services template acts as a page template with custom fields. Custom fields (modules) are embedded into the template and can be edited is allowed to use drag & drop features.

File location: /templates/services.html

Single Service

Single service template acts as a page template with custom fields. Custom fields (modules) are embedded into the template and can be edited is allowed to use drag & drop features.

File location: /templates/single-service.html

About

About template acts as a page template with custom fields. Custom fields (modules) are embedded into the template and can be edited is allowed to use drag & drop features.

File location: /templates/about.html

Contact

Contact template acts as a page template with custom fields. Custom fields (modules) are embedded into the template and can be edited is allowed to use drag & drop features.

File location: /templates/contact.html

Blank

Blank template is designed to be used on for custom pages and is allowed to use drag & drop features.

File location: /templates/blank.html

Modules

The theme has 29 ready-to-use modules.

  • Blog Filter
  • Blog Tag Filter
  • Blog Listings
  • Blog Pagination
  • Blog Post Header
  • Latest Posts
  • Related Tag Posts
  • Default Text
  • Certificate Images
  • Default Page Header
  • Global Contact CTA
  • Global Contact Form
  • Global Related Tag Posts
  • Global Testimonials
  • Social Icons
  • Social Sharing
  • Menu Navigation
  • Accordion
  • Button
  • Client Listing
  • Contact Form
  • Features Grid
  • Hero Banner
  • Project Listing
  • Team
  • Testimonials
  • Two Column Content
  • Two Column Features
  • Two Column Images