Theme Documentation & Guides

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.

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 Storm theme and its templates when you're creating a new page.

To learn more about theme installation, please visit HubSpot Reference Docs.

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.

Go to Theme Options > Other settings > Visual tweaks and uncheck Show slash icon under titles box.

The intention behind creating this template is for it to be utilized specifically on the homepage of your website. The template includes the subsequent sections and modules in a particular order:

• Rich Text
• Buttons
• Image Video with before image
• Card
• List Item
• Counter and countdown
• Tabber Section
• Gallery with filter
• Testimonial Slider
• Forms
• Recent Blogs

File location: /templates/Home 1.html

The sections and modules of this template have been arranged in a specific order for use on your website's homepage:

• Buttons
• Image Overlay
• Image Video with before image
• List Item
• Counter and countdown
• Rich Text
• Card
• Gallery with filter
• Team Card
• Recent Blogs

File location: /templates/Home 2.html

This template can be used when you want to share information about yourself and your team. It includes the following sections and modules arranged in a specific order:

• Rich Text
• Buttons
• Counter and countdown
• Image Video with before image
• List Item
• Card
• Logo_Card
• Testimonial Slider

File location: /templates/About Us.html

Here is the template for your blog, which includes the following module:

• Rich Text
• Recent Blogs

File location: /templates/Blog Listing.html

At present, HubSpot does not permit the use of drag and drop functionality in blog post templates. This means that the sections and modules are integrated into the template and cannot be accessed through the page editor:

• Recent Blogs
• Related Blogs

File location: /templates/Blog Post.html

Book a Webinar template allows users to easily book and schedule webinars, providing a convenient way to share knowledge and engage with audiences.

• Rich Text
• List Item
• Service and webinar card
• Forms
• Image Video with before image
• Accordion

File location: /templates/Book a Webinar.html

Careers Single template provides a detailed overview of a particular job opportunity, including job responsibilities, required qualifications, and potential for career growth, helping job seekers make informed decisions about their career paths.

• Product designer
• Image Video With Before Image
• List Item
• Buttons
• Forms
• Card
• Testimonial Slider

File location: /templates/Careers Single.html

Careers template displays available job opportunities and career paths within a company, providing information on current job openings, company culture, benefits, and opportunities for professional development, helping businesses attract and retain top talent.

• Buttons
• Image Video With Before Image
• Product designer
• Card
• Testimonial Slider

File location: /templates/Careers.html

Case Study Single template presents a comprehensive analysis of a specific project, product, or service that demonstrates an organization's problem-solving capabilities and achievements, helping businesses showcase their expertise and build credibility with potential clients or customers.

• Counter and countdown
• Image Video with before image
• List Item
• Testimonial slider2
• Buttons
• Gallery with filter
• Full Width Slider

File location: /templates/Case Study Single.html

Case Study template is used to present in-depth analysis of successful projects, products, or services that highlight a company's expertise and build credibility with potential clients, helping businesses increase their sales and establish their brand.

• Rich Text
• Gallery with filter
• Buttons
• Full Width Slider

File location: /templates/Case Study.html

In case your website is currently undergoing development or maintenance, this template can be used to greet your visitors. The template comprises the following sections and modules arranged in a particular sequence:

• Counter and countdown

File location: /templates/Coming Soon.html

This template can be utilized to design your contact us page, with the following sections arranged in a specific order:

• Rich Text
• Buttons
• Image Video with before image

File location: /templates/Contact Us.html

Customer Page template showcases positive customer experiences through quotes, feedback, ratings, and images, helping businesses build trust and credibility with potential customers.

• Rich Text
• Logo Card
• Full Width Slider
• Buttons
• List Item
• Image Video with before image
• Card

File location: /templates/Customer Page.html

Download App template is used to promote mobile applications with a call-to-action button to encourage visitors to download the app, helping businesses to increase their user base and customer engagement.

• Rich Text
• List Item
• How it works
• Image Video with before image
• Content with directed lines
• Counter and countdown
• Full Width Slider
• Accordion

File location: /templates/Download App.html

Ebook Download template is designed to showcase and promote downloadable ebooks. It includes sections for book details and a download button, providing a straightforward way for users to access the content.

• Rich Text
• Forms
• Image Video with before image
• Buttons
• List Item
• Vertical_Tabber
• Vertical_separator
• Accordion
• Full Width Slider

File location: /templates/Ebook Download.html

Event Listing template is designed to showcase a list of upcoming events. It includes event details such as the date, time, location, and registration information.

• Product designer
• Buttons
• Image Video with before image
• Event Listing
• Full Width Slider

File location: /templates/Event Listing.html

Event Single template is designed to showcase detailed information about a specific event, such as the date, time, location, and agenda. It typically includes a registration form for attendees and may feature multimedia content, such as photos or videos.

• Rich Text
• Buttons
• Image Overlay
• Image Video with before image
• List Item
• Card
• Vertical_Timeline
• Pricing
• Accordion
• Logo_Card
• Recent_Blogs
• Forms

File location: /templates/Event Single.html

FAQ's template is a pre-designed webpage layout that allows businesses or organizations to display frequently asked questions and their respective answers in a structured and easily navigable manner. This template typically includes sections for organizing questions by topic or category and may also feature a search bar for users to quickly find the information they need.

• Rich Text
• Buttons
• Image Video with before image
• Accordion
• Recent Blogs

File location: /templates/FAQs.html

Gallery template is used to showcase a collection of images or videos in a visually appealing way. It typically includes a grid layout with the ability to click on individual images to view them in a larger size or as a slideshow.

• Rich Text
• Gallery Popup
• Buttons
• Forms
• Recent Blogs

File location: /templates/Gallery.html

Partners Single template is designed to showcase detailed information about a specific partner of a company or organization. It typically includes a brief introduction of the partner, their logo or branding, and a description of the partnership or collaboration.

• Image Video with before image
• Rich Text
• List Item
• Card
• Testimonial Slider
• Buttons
• Recent Blogs

File location: /templates/Partners Single.html

Partners template is designed to showcase a company's partnerships and collaborations with other organizations. It typically includes sections highlighting the featured partners, their logos, and descriptions of the partnerships.

• Rich Text
• Buttons
• Image Video with before image
• Logo Card
• Team Card
• List Item
• Recent Blogs

File location: /templates/Partners.html

Pillar Page template is a comprehensive and in-depth web page that focuses on a specific topic or theme. It typically contains various subtopics, sections, and internal links, providing visitors with an organized and informative resource on the subject. The design often features a user-friendly layout and engaging visuals to keep readers engaged.

• Buttons
• Image Video with before image
• Sticky_Sidebar
• Forms
• Recent Blogs

File location: /templates/Pillar.html

Pricing template provides a clear and concise overview of the different pricing plans or packages offered by a company or organization. It typically includes detailed information on the features and benefits of each plan, allowing customers to make an informed decision about which option best suits their needs and budget.

• Rich Text
• Buttons
• Image Video with before image
• Pricing
• Accordion
• Testimonial Slider

File location: /templates/Pricing 2.html

Privacy Policy template provides a comprehensive overview of a website's data collection and usage policies, including information on how personal data is collected, processed, and shared with third parties. It is a legal document designed to inform website visitors of their rights and obligations related to privacy and data protection.

• Sticky Sidebar
• Recent Blogs
• Buttons
• Forms

File location: /templates/Privacy Policy.html

Product Single template is a page that showcases a single product in detail, including its features, benefits, and specifications. It typically includes product images, descriptions, pricing, and calls-to-action to encourage users to make a purchase or learn more about the product.

• Rich Text
• Card
• Accordion
• Buttons
• Testimonial Slider
• Forms

File location: /templates/Product Single.html

Product template is a pre-designed layout for showcasing products or services offered by a company or organization. It typically includes sections for product descriptions, features, specifications, and pricing information. The template is designed to help businesses present their products in an organized and visually appealing way, making it easier for customers to browse and compare different options.

• Rich Text
• Buttons
• Image Video with before image
• List Item
• Counter and countdown
• Card
• Logo Card
• Full Width Slider
• Forms

File location: /templates/Product.html

Refer a Friend template is a marketing tool that encourages existing customers to refer their friends or family to the company's products or services. It typically includes a referral form and information on the rewards or incentives for successful referrals.

• Refer a Friend
• Buttons
• Rich Text
• Image Video with before image
• Vertical separator
• List Item
• Counter and countdown
• Testimonial Slider

File location: /templates/Refer a Friend.html

Request a Demo template is designed to allow potential customers to schedule a demonstration of a product or service. It typically includes a form for requesting a demo and information about the benefits of the product or service.

• Buttons
• Image Video with before image
• Forms
• Rich Text
• Vertical separator

File location: /templates/Request a Demo.html

Request a Quote template is a tool used by businesses to allow customers to request a price estimate for a product or service. It typically includes a form where customers can provide their contact information, the specifics of the product or service they are interested in, and any additional comments or questions they may have.

• Buttons
• Image Video with before image
• Rich Text
• Vertical separator
• List Item
• Forms
• Accordionr
• Testimonial Slider

File location: /templates/Request a Quote.html

Resource Page template is a website page designed to provide users with easy access to a range of useful resources related to a particular topic or industry. It may include links to articles, ebooks, videos, webinars, and other types of content, all aimed at providing valuable information to visitors.

• PopUp
• Rich Text
• Buttons
• Image Video with before image
• Resource filter

File location: /templates/Resource.html

Services Single template is designed to showcase a specific service offered by a company or organization. It typically includes a detailed description of the service, its features and benefits, and any related pricing or package options.

• Rich Text
• List Item
• Vertical separator
• Service And Webinar Card
• Card
• Accordion
• Buttons
• Forms

File location: /templates/Services Single.html

Services Page template is a website layout that presents information about the products and services offered by a company. It usually includes a list of services with brief descriptions, pricing details, and contact information.

• Buttons
• Image Video with before image
• Card
• Counter and countdown
• List Item
• Full Width Slider
• Recent Blogs

File location: /templates/Services.html

Style Guide template is a document that outlines a company's brand identity, including guidelines on the use of logos, colors, fonts, and other visual elements. It ensures consistency and coherence across all marketing and communication materials.

• Buttons

File location: /templates/Style Guide.html

Success Story template showcases how a company or organization has achieved success in addressing a particular challenge or achieving a specific goal. It typically includes a description of the problem, the solution implemented, and the outcomes achieved, and is often used as a marketing tool to build credibility and showcase expertise.

• Rich Text
• Card
• Testimonial slider2
• Event Listing
• Buttons
• Recent Blogs
• Forms

File location: /templates/Success Story.html

Team 1 Page template is a pre-designed web page that allows companies to showcase their team members and their roles in the organization. It includes sections for team member profiles, photos, and contact information, as well as a brief overview of the company's mission and values.

• Card
• Buttons
• Rich Text
• List Item
• Image Video with before image
• Team Card
• Accordion

File location: /templates/Team 1.html

Team 2 template is a page layout that showcases a company's team members and their respective roles and responsibilities. It typically includes individual photos, biographies, and links to social media profiles. The template is useful for providing visitors with an overview of the company's team and their expertise.

• Rich Text
• Buttons
• Image Video with before image
• Card
• Team Card
• List Item
• Accordion
• Testimonial Slider

File location: /templates/Team 2.html

Terms & Conditions template is a legal document that outlines the rules, responsibilities, and obligations for using a website or service. It typically includes information about user behavior, intellectual property rights, payment and billing, and dispute resolution.

• Sticky Sidebar
• Recent Blogs
• Buttons
• Forms

File location: /templates/Terms and Conditions.html

Testimonial template is a tool that showcases customer feedback or reviews about a product, service, or company. It typically includes a section for quotes or written feedback, along with the customer's name and photo to build credibility and trust with potential customers.

• Rich Text
• Buttons
• Image Video with before image
• Team Card
• Testimonial slider2
• Recent Blogs

File location: /templates/Testimonial.html

Thank You template is a page that is displayed after a user completes an action such as making a purchase, signing up for a newsletter, or filling out a form. It typically includes a message of gratitude and can also provide further instructions or recommendations for the user.

• Rich Text
• Image Video with before image
• Share your experience
• Event Listing
• Card

File location: /templates/Thank you.html

The Landing Page template is designed to encourage visitors to take a specific action, such as signing up for a service, making a purchase, or subscribing to a newsletter. It typically features a clean design, concise messaging, and a prominent call-to-action button.

• Rich Text
• List Item
• Forms
• Image Overlay
• Full Width Slider

File location: /templates/Two Col With BG LP.html