1.Overview

Glambiz is a HubSpot CMS-compatible premium theme that’s curated for beauty salons, nail designing, hair & spa parlor, luxury body & skincare treatments, makeup studios, hair styling, wellness massages & services, or eCommerce businesses selling cosmetics, beauty or other related products! This beauty theme has the following features that will help you create the perfect HubSpot CMS website for your cosmetic services:     
  • Beauty dedicated landing page, homepage & product page templates.
  • Search engine-optimized landing pages.
  • Create best spa website pages with appointments, testimonials & pricing HubSpot templates.
  • Lightweight, high-speed DIY HubSpot theme best for CMS beginners. 
  • Codeless drag and drop HubSpot beauty & cosmetic theme with best modules.
  • Highly customizable HubSpot theme with flexible bandwidth
Glambiz can be a perfect companion for the online presence of your cosmetic & beauty services business. If you’re ready to buy this theme, we’ll offer you a 2-hr free customization & HubSpot theme consultation session with our HubSpot experts. Discuss all possibilities for the growth of your beauty business now! 

1.1.Getting Started

We bring you continuous updates with our premium HubSpot themes, so you stay updated on your online font. Glambiz has multiple HubSpot website pages and landing page templates that help you in getting started with creating highly interactive & converting pages for your inbound website. 

This documentation gives you an idea about working with HubSpot themes. Go through the documentation carefully as it helps you to configure modules and sections on your HubSpot CMS.

You can request for a free demo of our → Glambiz Demo to see how well it suits your interest. Additionally, we’re certified HubSpot developers. So, we’ll customize this theme perfect for your beauty website according to your needs.

1.1.1.Purchase HubSpot Theme

For purchasing the Glambiz HubSpot theme, you can directly navigate to the HubSpot theme marketplace from your HubSpot portal. HubSpot theme marketplace allows you to download free themes and buy premium HubSpot templates from different HubSpot-approved agencies.

  • Log in to your HubSpot portal > Click on Marketplace icon > Select asset marketplace > insert ‘Glambiz’ in the search portal > Click Buy button on the upper right > insert your email address > fill in your billing information > Click Payment Info

HubSpot marketplace accepts payments via credit cards and the preferred payment gateway is Stripe or Paypal. After your transaction is processed and completed, the Glambiz theme assets are added to your HubSpot design manager.  

The templates and modules will appear for use in your HubSpot content under the same name as mentioned on the theme listing page.

1.1.2.Install Theme

After you purchase the theme, you need to install it and set it as your active HubSpot CMS theme.

Read More:  How To Install HubSpot CMS Themes or Change It?  

1.1.3.Create a child Theme

We highly recommend you create a child theme of the Glambiz beauty & cosmetic HubSpot theme. As soon as you buy the theme HubSpot will prompt you to start editing the page templates of the CMS theme. However, before rushing into starting your newly designed pages, consider creating a child theme. 

Please Note

Setting up a child theme preserves the ability of the updates to be applied to the parent theme. This way you can customize the child theme on your portal as much as you want without affecting parent theme styles.   

Once the theme has been purchased, you can build up to 5 child themes with separate branding under the same account. Users of CMS Hub Enterprise can set up as many as 10 child themes.

1.1.3.1. Steps To Create a Child Theme

  • Open your HubSpot account > navigate to marketing > choose files and templates > select design tools
  • Find the @marketplace folder for the Glambiz theme > right-click on the Glambiz theme folder > select create child theme > name the child theme
  • If you want to change the child theme location, do so by clicking change in the File location section. Select a folder > click select.

1.1.2.Theme Settings

For making changes in the look and feel of your cosmetic & beauty HubSpot CMS website, you can directly edit the theme settings. These settings are a centralized location to make changes that reflect all over your website and landing pages. 

Read More: How To Change Global Styles in HubSpot Theme?

1.1.2.1.Access Theme Settings

You can access the theme settings on the Glambiz theme in two ways:

  • Settings  → Website → Themes → Glambiz child theme ( In case you’re just getting started and haven’t yet created any pages access the theme setting from the settings option)
  • Marketing → Landing Pages → Page Editor  → Theme → Edit Theme Settings

Access theme settings

Check out the theme settings added in the Glambiz Theme.

1.1.2.1.1.Colors

From the colors option of edit theme settings, you can change the global display of colors on your website. You must have a brand that follows a particular color scheme. This is the place where you can experiment and decide on your brand colors.

Colors
  • Primary colors are a very important part of color theory. Red, yellow & blue are highly preferred primary colors. You can choose from the color palette provided.  
  • Accent colors make certain sections louder and different than others. These usually complement the primary colors.
  • Heading colors that will show up on different headings on your website pages like h1,h2,h3, etc.
  • Body background colors are added behind the elements as backgrounds. The white body background color is highly recommended.
  • Link colors appear as you see the hyperlinked text on your landing pages.  
  • Links hover color is visible when you hover over a hypertext. Basically, the hover link color is visible only if the user will hover over the text.

1.1.2.1.2.Font

Fonts are different types of writing styles. It helps you separate headlines and content just by looking at them. There are more than 100 fonts than can be used on your HubSpot CMS website. With glambiz you can choose between google fonts or external fonts.

Fonts

Besides, you can select different fonts for mini titles, headings, and body along with their colors.

1.1.2.1.3.Typography

You can arrange the letters of the text in such a fashion that the user can read it clearly and find it visually appealing. Colors and fonts are one way to make it so. However, typography on your website also involves selecting fonts, adjusting letter spacing, and line height for desktops, mobiles, and tabs. These settings will be added over to the h1,h2,h3,h4,h5,h6, body, mini title, etc.

Typography

1.1.2.1.4.Buttons

Buttons are a crucial element on your website landing pages. For users, it is an action point. You need to make buttons highly convertible. We have added buttons in different sections so you don’t have to worry.

We have added a dark and light variant of outlined and filled buttons. From the buttons option of the theme settings, you can edit the font text & color, and change the background & border color for various states of buttons like active, hover & normal.

HubSpot Theme: Buttons

1.1.2.1.5.Tables

Adding tables on your website helps you organize data clearly and helps users differentiate between things mentioned. If you’re adding tables to your landing pages, you can edit the text & background color of the table header, footer, cells, and body.

Tables

1.1.2.1.6.Forms

Forms are essential for the collection of customer data. Big or small, your food business benefits highly from this collected data. While using forms on the Glambiz theme, you can edit the title, background, border style, and corner radius for various form elements like title, help text, form fields, labels, error messages, etc.

Forms

1.1.2.1.7.Spacing

Spacing

Spacing settings deal with the spacing on your website pages in terms of containers of the content width, and horizontal & vertical spacings of sections on mobile, tablets, and desktops.

Spacing

1.1.2.1.8.Blog Settings

Certain global settings on your blog page can change the user experience considerably. You can enable and edit the blog sidebar. Some sidebar widgets includes search, topics, and popular posts. Enabling or disabling them is under your control.

Blog setting

The blog post option is generally for changing settings on the blog page. You can change the blockquote border & text color and enable or disable either of these anytime:

  • Author name
  • Timestamp
  • Tags
  • Related posts
  • Comment form

1.1.2.1.9.Website Header

Website header options from the theme settings let you change a series of stuff like selecting header type from static or drag and drop, changing the menu background color, header background color, menu container background, and menu item border color.

Website Header

The header menu is also editable. While you will find additional settings on the header module. But, from the theme settings, you can change the menu items text font type and font color.

Website Header

1.1.2.1.11.System Page Settings

System pages are automatically displayed pages that carry out common tasks like event registration and login. By placing modules on the page or editing already-existing content, system pages can be made more unique.

System page settings

From the theme settings, you can change the general look of the system pages. For example, for every system page present on your website you can enable or disable its error image, remove or replace the same, edit alt text, and change the image loading style from browser default, eager, or lazy. 

Note: “Lazy” loading defers loading this element until it’s visible on the page. This may help improve site performance. “Eager” loading loads the element right away.

1.1.2.1.12.Scroll To Top

Scroll to top

The scroll-to-top feature allows users to easily and quickly get back to the top of the page by using a button.

Scroll to top

You can enable or disable the scroll to the top button anytime. Besides you can set the icon color, and icon background color, and adjust the icon corner radius.

1.1.2.1.13.Animation

Enable or disable animation anytime on your website pages from the theme settings. Toggle to enable animation.

Animation

1.1.2.3.Customizing Header

As you must have read above, theme settings have options to make changes in the header and header menu. However, there are certain modules that you can add and make navigation on your website easier via header.

Customizing website header
  • From the edit page menu > go to content tab > website header > click on it > select open in global content edit.

All used global content modules will appear on this page. We have used, a header toggler, logo, header controls, custom menu, social follow, and custom image in our website pages template. Simply select the global content module one by one and edit its settings accordingly.

Customizing website header

1.1.2.5.Modules Overview

The Glambiz beauty, spa, and cosmetic HubSpot theme has 38 highly customizable drag-and-drop modules. You can experiment with any module the way you like. Each module has styling options too. Keep reading to find out about each module.

Read more:  What are HubSpot modules & templates?

1.1.2.5.1.Accordion

To show vast sections of text like displaying content in form of questions and answers, you can use the accordion module. You can edit the accordion module as you wish like modifying the heading & background colors, borders and shadows, adjust height for different devices, etc.

There are two accordion layout:

(a) Vertical tab

Accordion

  (b) Single column

Accordion

1.1.2.5.2.Accordian Slider

Accordion Slider

Accordion slider allows you to add a slider with the accordion. You can display cards with slider option. This is an absolute eye catching module.

1.1.2.5.5.Blog Grid

This module lets you display your blogs in the form of a grid. You can select any of the available layout for users to start reading instantly. It has the following 3 layouts: Use the card and compact layout of the blog when the feature image of the blog post is uploaded. If there is no featured image use the third layout card without an image.

(a) Compact with Image

HubSpot Theme: Blog Grid compact with image

  (b) Card with image

HubSpot Theme: Blog grid card with image

  (c) Card without image

HubSpot Theme: Blog grid card without image

1.1.2.5.6.Blog Listing

HubSpot theme: Blog listing

Add blogs in listings with all other important details. You can display blogs on your website page with the blog listing module. 

1.1.2.5.7.Blog Related Post

HubSpot Theme: Blog related post

You can add related posts to a current one by using blog related post module. It’s an easy way to take your visitors to a different pages.

1.1.2.5.8.Blog Subscribe

HubSpot Theme: Blog subscribe

You will find this module in the blog listing page. It helps you to improve your subscribers list. The users can enter their emails and subscribe themselves to your website blogs. 

1.1.2.5.9.Booking

HubSpot Theme: Booking

The booking module is a must have salon module to improve your salon service peformace. It displays a calender than can be set as per your client’s and your availablity. The booking module allows users to check the day and date and make reservations for their services.

1.1.2.5.10.Button

For accomplishing an action on your cafe landing pages, home pages, or even blogs you can use button module. It’s upto you to change it’s layout, text, and button color, etc. The button module has the following layouts:

(a) Filled Dark

HubSpot Theme: Filled dark

    (b) Filled Light

HubSpot Theme: Filled Light button

    (c) Outlined Dark

HubSpot Theme: Outlined dark

   (d) Outlined Light

HubSpot Theme: Outlined light button

1.1.2.5.11.Card

HubSpot Theme: Card

Cards allow you to display image and content in different rows and columns. You can change the image, add content or buttons in different cards and also change the layouts.

1.1.2.5.13.Countdown

HubSpot Theme: Countdown

Countdown module allows you to induce urgency by adding a timer. It could be for a You can make all necessary changes in it. This is excellent for making a “coming soon” page to generate interest in a new good or service.

1.1.2.5.14.Cover Card

HubSpot Theme: Cover card

This module is for displaying your services or products in the form of a cover card. You can edit the card images, enable or disable animation, etc for each.

1.1.2.5.15.Events

HubSpot Theme: Events

The events module allows you to display events on your website. This could be any seminar, webinar or make up classes you are planning to organzie or even a new product launch.

1.1.2.5.17.Form

Customer data is really important for your sales and marketing teams. So, use it wisely. The form module adds a form on your landing page. You can add or remove fields and customize it according to your needs. Some form examples are, contact us form, newsletter subscribe, etc.

You have three layouts of three form module:

(a) Multiple Field Form

HubSpot Theme: Multiple field form

    (b) Single Field Form (side button)

HubSpot Theme: single field form ( side button)

    (c) Single Field Form (button at bottom)

HubSpot Theme: Single Field Form (button at bottom)

1.1.2.5.20.Header Control

 HubSpot Theme: Header controls

A header control module allows the user to add search, language switcher, and button on the website header.

1.1.2.5.21.Header Toggler

Drag and drop the header above the menu component for best results. You can select an icon or image for the toggle open and close option.

(a) Open icon

HubSpot Theme: Header toggler open

1.1.2.5.22.Icon Box

HubSpot Theme: Icon box

Add multiple icons and their descriptions on landing pages. The icon box module provides an area where you can display several cards. Each of these cards has a symbol, and you can choose how many cards to show in each column. You have two layout options:

    (a) Card Layout

HubSpot Theme: Icon box

     (b) Compact Layout

HubSpot Theme: Icon box compact

1.1.2.5.23.Custom Image

HubSpot Theme: Custom image

For a single image you can use the image module. Select any image from your collection and edit its features using the image module.

1.1.2.5.24.Listing

The listing module is to show products or services along with images in the form of lists. You can choose between two listing layouts. The card layout shows products in card form while the filter layout lets users filter products based on categories.

    (a) Filter

HubSpot Theme: Filter

    (b) Card

HubSpot Theme: Listings

1.1.2.5.25.Logo

 HubSpot Theme: Logo
 HubSpot Theme: Logo

A logo is a cruical aspect of your business branding. Great brands have easy recognizable logo. Your fashion, beauty & cosmetic website should have one too. Add your custom logo with a logo module anywhere on your website pages.

1.1.2.5.26.Map

The map module will add a virtual map to your website. As a beauty spa and salon you can definitely add this module. It will help visitors to reach you without any hassle. Just add your loaction using Google maps. You have three map layouts for map:

    (a) Card Map

HubSpot Theme: Map card

(b) Single Loacation Map

HubSpot Theme: map single location

(c) Iframe

HubSpot Theme: Map Iframe

(d) Multiple Location

HubSpot Theme: Multiple Location Map

1.1.2.5.28.Partners

HubSpot Theme: Partners

Use the Partner module to display your partners, sponsors, etc on your landing page. You can set image, image size, link, etc for each partner you display. It could be brands that you have helped to organize events.

1.1.2.5.29.Pricing Card

Pricing cards allow adding your beauty service their charges in the form of cards. You can customize it’s background color, edit the content, etc. If you have membership plans, you can use pricing card to display them too. There are two layouts for pricing card module: 

    (a) Parallax Image

HubSpot Theme: Pricing card

    (b) Grid Image

HubSpot Theme: Pricing card

1.1.2.5.30.Product Showcase

HubSpot Theme: Product Showcase

If you’re a brand that also sell beauty services or cosmetic products, you can showcase your product using the product showcase module. It’s like displaying any of your beauty product for it’s features.

1.1.2.5.31.Social Follow

HubSpot Theme: Social follow

Everybody is on social media these days. In fact, as a luxury beauty spa owner, you must be active on all social media platforms. Sign up on the most popular ones and you can add social icons on your landing pages. In this way your visitors can tag and follow you on every platform.

1.1.2.5.32.Scroll To Top

HubSpot Theme: Scroll to top

Scroll to top module is a great way to improve user experience without making them scroll back to the top of a lengthy website page. As soon a user clicks on this button, the user by default reaches the top of a page. 

1.1.2.5.33.Spacer

HubSpot Theme: Spacer

The spacer module does not have any editable option. Spacer allows adjusting spacing on the desktop, mobile, and tablet height and background color. With the spacer module, you can add vertical spaces between sections and modules as and when required.  

1.1.2.5.34.Team Grid

HubSpot Theme: Team Grid

People like knowing who is behind those perfect makeup and great customer service. For that you can use the team grid module to display the images of your team members in the form of a grid. Let people know your makeup & therapy artists. 

1.1.2.5.35.Team Slider

HubSpot Theme: Team Slider

Similar to the team grid, you can also display the team members in the form of a slider.

1.1.2.5.36.Quote

HubSpot Theme: Quote

Customer reviews are trust symbol for businesses. Additionally, it makes people want to visit your beauty spa or nail parlor too. The quote module allows adding quotes form superfan customer or some influencers. You can enable or disable autoplay too.

1.1.2.5.37.Review

 HubSpot Theme: Review

Review module allows adding testimonials on your landing pages. You can add an image and edit styles too.

1.1.2.5.38.Timeline

HubSpot Theme: Timeline

Show a series of events using the timeline module. It’s upto you to decide the process or tell your story through timeline module.

1.1.2.5.39.Title Content

HubSpot Theme: Title Content

As the name makes it clear, the title content module is your aid to add content on your landing pages. You can also add sub headings, mini titles, and CTA buttons.

1.1.2.5.40.Video Popup

 HubSpot Theme: Video popup

If there is anything better than images, I’d say it will be a video! If you’re looking to fit a behind the scene video of your luxury spa, the video popup module is your way to go. You can embed a video code and show it on any of your website landing pages.

2.Website & Landing Page Templates

The Glambiz theme has the following templates: 

  1. Homepage
  2. Homepage – Nail Art
  3. Homepage – Spa 
  4. About us – Company
  5. About us – Individual
  6. Services 
  7. Products Listing
  8. Products Detail
  9. Contact us
  10.  Team 
  11.  Testimonial
  12.  Gallery
  13.  Pricing
  14.  Events Listing
  15.  Appointment Landing Page.
  16.  Event Landing Page.
  17.  Blog Listing
  18.  Blog Details
  19.  Coming Soon
  20.  Thank You one
  21.  Thank You two

Read More: Easiest Ways To Customize HubSpot Templates

3. Reusable Sections

There are 8 reusable sections in Glambiz theme.    

  1. Booking
  2. Icon box and Form
  3. Two-column Content and Image
  4. Two-column Image and Content
  5. Two-column Content and Video
  6. Two-column Form and Map
  7. Two-column Map and Content

 Read More: How to use reusable sections?

4.Editing Blog Pages

Blogs are a great way to interact with users and deliver information on various topics. The premium blog templates from the Glambiz HubSpot theme are highly editable to your needs. There are two blog templates available:

  • Blog Listing
  • Blog Detail 

To edit the blog listings template, you can follow this path:

  • Go to marketing > blog > blog listing pages. When you hover over the listing page, you will see three options. Edit, View & Detail. If you click the edit option, you will be able to check & edit the blog listing module.
Editing Blog Pages

5.Editing System Pages

The general system page settings have been discussed above under the edit theme settings option. For applying Glambiz system pages,

  • Go to settings > website dropdown (lower left corner of screen) > pages > system pages (from top tabs) > select the system page from drop down for different error pages, etc.
    Edit system page

The Glambiz HubSpot CMS theme has the following system pages:

  • Error 404
  • Error 500
  • Backup Unsubscribe
  • Subscription Preferences
  • Subscription Confirmation
  • Search Result
  • Password Prompt
  • Membership Login
  • Membership Register
  •  Membership Reset Password
  •  Membership Reset Password Request   

Read More: How to change system templates?

6.Theme Support

Glambiz is a premium HubSpot theme catering to your HubSpot CMS needs for your cosmetic & beauty eCommerce efforts or makeup, spa & salon service website. In case, you have any queries regarding theme customization or consultation contact us on this page by filling out a form—

https://makewebbetter.com/contact-us/

Suggest Edit