HubSpot Custom Module Boilerplate Code Snippet

Below is a some boilerplate code to use when creating a custom module inside HubSpot CMS. <section class="module-class" id="{{name}}"> <div class="row-fluid"> </div> </section> {% require_css %} <style> {% scope_css %} {% end_scope_css %} </style> {% end_require_css %} {% require_js %} <script> window.addEventListener("load", (event) => { }); </script> {% end_require_js %}

Continue Reading

Category: Code Snippets

HubSpot Tutorial for Beginners: A Quick Overview

HubSpot CRM is a cloud-based CRM platform that helps businesses track their leads and customers, automate their marketing campaigns, and provide excellent customer service. It’s designed to be easy to use, even for businesses with no prior CRM experience. This post will give you a quick overview of its main features and answer some common… Read more »

Continue Reading

Category: Articles

Set Variable Values in a Loop and Use Elsewhere HubL HubSpot

When customizing a custom quote template you may want to know what line items are present in the quote. You can then create conditional logic with a set of known values. The only problem is when you set a variable inside a loop it is not able to be referenced outside of the loop due… Read more »

Continue Reading

Category: Code Snippets

How To Create a New CSS Stylesheet for HubSpot

For those utilizing HubSpot’s content management system (CMS), the ability to create new CSS stylesheets grants users immense flexibility in customizing the look and feel of their website. Whether it’s making minor tweaks to existing styles or implementing a complete overhaul of the site’s design, having control over CSS stylesheets is essential for achieving the… Read more »

Continue Reading

Category: Articles

How to Add Your Terms of Service or Conditions to a Quote in HubSpot?

Do you want to know which HubSpot Sales Hub tool you can use to add your terms of service to your quote? Three ways you could accomplish this Add a snippet of your terms of service to the quote each time you generate a quote Pros: Easy to setup and the snippets are nicely organized…. Read more »

Continue Reading

Category: Articles

HubSpot Related Posts Based on Tag Module [Code Snippet]

The code snippet below lists related posts based on the current post tags used. The HubSpot developer docs has a code example using a Javascript formatter but I was unable to get this to resize the featured image. So I created the code below to use a HubL macro instead. HubSpot Module HTML + HubL… Read more »

Continue Reading

Category: Code Snippets

New Page Templates and Modules added to the Industrial Pro HubSpot Theme

I’ve recently added¬†new features to my Industrial Pro theme for HubSpot. The overall goal of the updates was to make it better support manufacturing services and make it easier to build common pages most industrial companies have. Theme Feature Updates Include: New Page Templates Home 2The homepage template is great for metal fabricators and machine… Read more »

Continue Reading

Category: Newsletter

How to Load Script on One Domain and Exclude Previews in HubSpot [HubL Snippet]

The HubL code below will help you scope heatmap or anlytics tracking on one domain and exclude any previews. {% if request.domain == ‘www.yourdomain.com’ and request.query is not string_containing ‘hs_preview’ %} {% endif %}

Continue Reading

Category: Code Snippets

How to Add, Move, Edit, and Delete HubSpot Modules

In this HubSpot tutorial video, I’ll show you how to add, move, edit, and delete modules in HubSpot CMS. If you’re looking to manage your content and templates more effectively, then this video is for you! This video will provide you with step-by-step instructions on how to add, move, edit, and delete modules in HubSpot… Read more »

Continue Reading

Category: Newsletter

Custom HubSpot Development Tutorial: How to Create a Custom Module [video]

In this custom HubSpot development tutorial, I will demonstrate how to create a custom module in HubSpot using HTML and HubL code. I will be building a product attributes list inspired by one found on Amazon product listings. A good way to think of how HubSpot custom modules work is by comparing it to a… Read more »

Continue Reading

Category: Newsletter