Glambiz HubSpot Theme

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 15m free customization & HubSpot theme consultation session with our HubSpot experts. Discuss all possibilities for the growth of your beauty business now! 

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.

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.

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?  

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.

• 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.

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?

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

Check out the theme settings added in the Glambiz Theme.

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.

• 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.

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.

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

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.

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.

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.

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.

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.

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.

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

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.

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.

The website footer is at the bottom of any website page. The glambiz theme offers easy customization of the footer. Just like the website header, you can select between static or drop and down footer. You can choose from a footer background color or a background image.

Depending on the choice of footer background you can edit the image or change color. Other settings include changing the text font, color, line height & text transformation on the website footer for desktop. For mobile devices, you can change the font size and line height of the website footer.

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.

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.

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

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.

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

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.

• 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.

A website footer is at the end of a landing page. It is also a global element that affects all the assets on different web pages when changes are applied to it. To edit your website footer, navigate in the following way:

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

All used global content modules will appear on this page. We have used, logo, social follow labels, social links, footer nav, copyright, and scroll to top in our website page template. Simply select the global content module one by one and edit its settings accordingly. You can edit the styles of these modules too.

Read More: How to edit global modules?

The Glambiz beauty, spa, and cosmetic HubSpot theme has 43 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?

 

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

  (b) Single column

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.

The first thing that the users notice when they land at your website page. You can use it on your home page or about us page to inform the visitors about your marketing or other services. You can select the layout you want from the different options available. Make the most of it’s style tab settings. 

Three banner layouts you can choose from are:

(a) Banner with image

    (b) Background image

(c) Background color

This module is similar to the banner. It is a visual display that you may employ to encourage immediate interaction with website visitors.

They are now very popular in eCommerce companies and are mostly used to advertise campaigns like sales and buying opportunities that would otherwise have to be looked for or found by accident. It has two layouts you can choose from:

  (a) Image slider

  (b) Video slider

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

  (b) Card with image

  (c) Card without image

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

Blog masonry module creates a masonry grid layout used by websites like Pinterest, Unsplash, Tumblr, etc. It features a beautiful, fashionable, and user-friendly design that engages users. Choose this layout for creating blogs and portfolios for your fashion website.

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.

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. 

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.

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

    (b) Filled Light

    (c) Outlined Dark

   (d) Outlined Light

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.

Copyright module is added on the footer where you can display copyright text. 

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.

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.

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.

The footer nav module shows at the bottom with a few quick links that you want to show on your website, blog, or landing page. The footer navigation module is only for the footer menu.

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

    (b) Single Field Form (side button)

    (c) Single Field Form (button at bottom)

A gallery grid module allows you to display high quality images on your landing pages in the form of grid. This way visitors can see all images in a grid. You can edit the borders, replace or remove images, etc. according to your requirements.

Images are highly loved by the audience. Another way to let users check your HD images is by using gallery slider module that allows the users to use a slider in order to see the net image.

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

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

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

     (b) Compact Layout

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

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

    (b) Card

List module is a great one for displaying details in listicles, bullet points, or numbered lists. This helps users understand your product or service in a better way. It’s like giving them that many reasons to buy or take your service. From its settings, you can customize this list as like it. You’re allowed to set columns and list animations for devices.

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.

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

(b) Single Loacation Map

(c) Iframe

(d) Multiple Location

Add a menu bar on your webpage using the menu module. It’s upto you if you want to create a new menu or use an old one on your landing pages. 

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.

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

    (b) Grid Image

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.

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.

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. 

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.  

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. 

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

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.

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

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

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.

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.

Just as you have an image gallery, the video gallery allows you to add multiple videos on your website pages in the form of a gallery. It could be any fashion or event series you shot at your studio or even simple customer video testimonials.

(a) Vertical

(b) Horizontal

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. Service Details
8. Products Listing
9. Products Detail
10. Contact us
11.  Team 
12.  Testimonial
13.  Gallery
14.  Pricing
15.  Events Listing
16.  Appointment Landing Page.
17.  Event Landing Page.
18.  Blog Listing
19.  Blog Details
20. Blog Listing Masonry 
21.  Coming Soon
22.  Thank You one
23.  Thank You two

Read More: Easiest Ways To Customize HubSpot Templates

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?

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 three blog templates available:

• Glambiz Blog Grid
• Glambiz Blog Masonry
• Glambiz Blog Detail

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

• Go to marketing > blog > select Glambiz blog grid. 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.
  

To edit the Glambiz Blog Masonry template, follow these steps:

Go to marketing > blog > select Glambiz Masonry Blog from dropdown. When you hover over the masonry blog 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 masonry listing module.

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.
  

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?

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.