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 relxo 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

relxo has 8 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
  • About Section
  • Feature Section
  • Gallery Section
  • Service Package
  • Blog (Module)
  • Testimonial
  • Brand Section
  • 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
  • About Section
  • Brand Logo (Module)
  • Video Section
  • Team Section
  • Testimonial

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
  • Service Package
  • Testimonials
  • Team Section
  • Newsletter Section
  • Brand 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
  • Service Details (Module)
  • Section Title (Module)
  • Form (Module)

File location: /templates/service-details.html

Contact

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

  • Breadcrumb
  • Section Title (Module)
  • Form (Module)
  • Contact Info
  • 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
  • About Section
  • Feature Section
  • Section Title (Module)
  • Form (Module)
  • Testimonial
  • Brand Section
  • Newsletter Section

File location: /templates/landing-page.html


Sections

Relxo has 12 ready-to-use sections.

About Section

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

Example Image

Brand Section

Brand 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 Info

Contact Info section separated in three columns. All column has icon, heading and text.

Example Image

Feature Section

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

Example Image

Gallery section separated in two row and first row has three column and second row has two column. All column has Image.

Example Image

Hero Banner 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

Service Package

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

Example Image

Team Section

Team section separated in one 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.

Example Image

Modules

Relxo 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

About 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

Contact Info

Contact Info with a custom icon, title and some text. Very handy if you're planning to add a section to inform your visitors with your services, features etc.

Example Image

Feature Box

Feature Box with a image, title and some text.

Example Image

Form

One module for the entire a form

Example Image

This module includes icons and images.

Example Image

Google Map

Add a Google Map to your website.

Example Image

Hero Banner

A hero slider with 3 slides.

Example Image

Icon Box

Icon Box with a custom icon, title and some text. Very easy if you're planning to add a section to inform your visitors with your services, features etc.

Example Image

Newsletter

Add a Newsletter to your website.

Example Image

Section Shape Image

Add a Section Shape Image to your website section.

Example Image

Section Title

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

Example Image

Service Details

Service Details with a image, title and some text

Example Image

Service Package

Showcase the Service Package of your website in 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.