Theme Documentation

Veterinarian Hubspot Theme


Groomax is a specially designed Hubspot theme that features veterinary institutions. The design invites your clients to trust.

Some features of the Theme

Theme Installation

The first option on how to install this Theme would be to directly upload the groomax-theme.zip file in your Hubspot account.

Theme Components

A Hubspot theme has 4 major components:

Theme Structure:

├───css
│   ├───components
│   ├───elements
│   ├───generic
│   ├───objects
│   ├───templates
│   └───tools
├───images
├───js
├───modules
├───templates
│   ├───layouts
│   ├───partials
│   └───system
├───fields.json
└───theme.json

Global Theme Settings

Setting up the global settings of the theme is the first step when creating a website using the Hubspot CMS. Here you can edit colors, fonts, sizes(spacing, paddings, margins).

Create a new page and in the page editor, navigate to the Design tab: theme settings

Set your logo, spacing, typography, buttons etc as well: theme settings

More details on how to Edit your theme settings.

Homepage Set-up

To create a home page for your website, please follow the steps below:

  1. Go to Marketing → Website → Website Pages.
  2. Select the Groomax theme
  3. On next page, select the Home template.
  4. Give this new page a name, eg Homepage.
  5. Click Create page button.

Header Setup

Create a new page (Let's say, the Homepage), and click on the header: theme settings

Then, click on the Open in global content editor button, to open the header global editor.

Setup Inner Pages

Steps in order to create inner pages such as: Contact, About, Services, etc...

  1. Log in to your Hubspot account and go to Marketing → Website → Website Pages.
  2. Click Create > Website page
  3. On the next page, select the Groomax theme.
  4. On the next page, select the appropriate template for your page, for example, for Contact page, choose Contact.
  5. Set a page name.
  6. Save the page via the Create button.

Blog

To create a Blog, go to Marketing → Website → Blog and click on the Create button. It will toggle a dropdown; Select the Blog option: theme settings

More tutorials regarding the Blog at https://knowledge.hubspot.com/website/topics#blog.

System Pages

System pages such as 404 error page, 500 error page, Password Prompt page, etc. To apply the appropriate template to appropriate page. Please follow below steps.

  1. Click on the settings icon from the header top right side area.
  2. Go to Website → Pages
  3. Click on the System pages tab

theme settings

More tutorials for Website Pages at https://knowledge.hubspot.com/website/topics#website-pages.

Credits

Fonts Used: "Jost", "Poppins" Google Fonts
Images: shutterstock.com - All rights reserved! (Images not included in the theme-package)

Purchase Theme