Connect HubSpot Theme Help

  1. Introduction
  2. Requirements
  3. Installation
  4. Theme File Structure
  5. Templates
    1. Home
    2. About
    3. Services
    4. Contact
    5. Blog
    6. Blog Post
    7. Landing
    8. Blank
  6. Modules
    1. Accordion
    2. Calendar
    3. Call-to-Action Section
    4. Fancy Header
    5. Icon Card Set
    6. Image & Text
    7. List
    8. Menu Section
    9. Page Title
    10. Pricing Card
    11. Quote
    12. Single Letter/Number
    13. Social Accounts
    14. Team Members
    15. Testimonial
    16. Vertical Spacer
  7. Theme Options
  8. Copyrights

1. Introduction

Thank you for purchasing Connect HubSpot theme.

Connect is a modern HubSpot theme for marketing agencies and communication services. It steps forward with its brave colors - that you can change easily - and attractive style. If you need a powerful HubSpot theme to create a good website for your customers, Connect would be a great choice.

For your questions and help requests, please use the comments page on ThemeForest.

Follow us on Envato to keep in touch!

2. Requirements

Please ensure that you meet the following matters to use this theme:

That's all.

You can visit this link to create a HubSpot account.

3. Installation

Please follow the steps below:

  1. Login to your HubSpot account.
  2. On the top right, click the Settings icon (looks like a gear).

    Settings Icon

  3. Click Tools > Website > Themes from the left sidebar menu.

    Navigation

  4. You'll see the Upload Theme at the top right corner of the screen. Click it and then choose the zip file you've downloaded from ThemeForest.

    Upload Theme

You're done! If you completed the steps successfully, you should see the Connect theme and its templates when you're creating a new page.

Visit HubSpot Reference Docs to learn more.

4. Theme File Structure

The file and folder structure of Connect theme is as follows:

File Structure

5. Templates

Connect has 8 ready-to-use page templates for you:


Home

A strong homepage template to attract your visitors at first sight.

File location: /templates/home.html


About

A useful template for providing some information about you and your team.

File location: /templates/about.html


Services

When it's time to explain what you do, this template is what you need.

File location: /templates/services.html


Contact

A clean template with a contact form and information.

File location: /templates/contact.html


Blog

Classic blog view is always a plus for most of the visitors. This blog template focuses on your content directly.

File location: /templates/blog-index.html


Blog Post

A clean and classic blog post template for your posts.

File location: /templates/blog-post.html


Landing

Welcoming your visitors is important. If you need that kind of page, use this template.

File location: /templates/landing-page.html


Blank

A blank template for a fresh start. If you'd like to see an empty page which you can create any design with it, just use this one.

File location: /templates/blank.html

Connect theme also includes all of the default HubSpot templates such as Search Results, Password Required Page, Subscription Page etc.

6. Modules

Connect has 15 ready-to-use modules for you:


Accordion

module-accordion

Add a section to your site which is created by titles and texts belong to them. When title is clicked, the text appears.


Calendar

module-calendar

With this module, you can add an event list to your site. An optional button is available, which goes to a specific link on click.


Call-to-Action Section

module-call-to-action-section

Use this module for attracting your visitors to a specific subject, campaign etc.


Fancy Header

module-fancy-header

This module adds a heading to your site in a different design. It allows you to choose from H1 to H6 as usual.


Icon Card Set

module-icon-card-set

Boxed cards with images, titles and texts. Useful for listing features of what you provide.


Image & Text

module-icon-card-set

A multipurpose text section with an optional image and button.


List

module-list

A handy module to list some important features.


Menu Section

module-menu-section

A menu to use in your Header section. The menu you see on our demo site is created with this very module.


Pricing Card

module-pricing-card

If you're selling a service and have different plans, you can use this module to give information about them.


Quote

module-quote

A classy module to display a quote.


Single Letter/Number

module-single-letter-number

A module for only 1 letter or number. Useful when you need to create a list of steps or options from A to F maybe.


Social Accounts

module-social-accounts

A module to add your popular social accounts to your site. We recommend you to use this module on your footer.


Team Members

module-team-members

If you have a team, you probably want to introduce them on your site. This module helps you with that.


Testimonial

module-testimonial

Let your site visitors know what your clients think about you. A handy slider for customer reviews.


Vertical Spacer

Just a module for adding some free vertical space when needed. You can adjust the height of the empty space.

7. Theme Options

To edit a theme setting, please go to Marketing > Files and Templates > Design Tools and select Connect theme from the left hand side. Then click Preview button.

Theme Options

Keep in mind that you'll need to click the Publish to X 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. You can visit this page for more information regarding your theme settings.

8. Copyrights

All the images/photographs used in our demo site and all the rights of them belong to their creators/owners. All of them have been collected from free royalty image providers such as pixabay, Unsplash, Pexels and Freepik (Author: fullvector) and they are completely free to use.

Thank you.

We hope you'll love Connect HubSpot Theme and its features. Again, don't hesitate to share any thoughts, ideas, comments or requests with us. We're here to help you and make your experience better.

Talk to you soon!

Burnhambox