How to publish a page in development mode without HubSpot content staging [code snippet]

Category: Code Snippets

HubSpot has a nice feature called content staging which prevents search engines form crawling and indexing the content. But if you are using HubSpot CMS starter you won’t have access to this tool. So a work around is to add the following code to the HEAD of your base layout HTML file. This adds the… Read more »

Continue Reading

Set Variable Values in a Loop and Use Elsewhere HubL HubSpot

Category: Code Snippets

When customizing a custom HubSpot 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… Read more »

Continue Reading

How To Create a New CSS Stylesheet for HubSpot

Category: Articles

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

Reasons Why I Recommend Creating a Child Theme BEFORE You Start Building HubSpot Pages

Category: Articles

When you download a HubSpot theme from the HubSpot marketplace, it can be exciting to jump right in and start building pages. This is OK for testing, but when you are ready to actually build your final website, I highly recommend you create a child theme first. In this post, I will explain what a… Read more »

Continue Reading

How to Inspect Element on Chrome Developer Tools [Tutorial Video]

Category: Newsletter

How to Inspect Elements and CSS Test with Chrome Developer Tools for Beginners – Google Chrome DevTools Tutorial. This dev tools tutorial demonstrates the different ways to inspect and test CSS using Chrome’s DevTools. This is helpful when building responsive websites because you can get real-time feedback on a style change.Then once you are happy… Read more »

Continue Reading

How to Quickly Search for a Code Text String on Entire WordPress Website

Category: Code Snippets

I recently was trying to optimize my WordPress site performance and noticed a javascript error saying jQuery is not defined. Basically, there was a script that was loading before jQuery was loaded. I searched my entire theme but could not find the code. I then thought of searching all of my plugins for the code…. Read more »

Continue Reading

Looking for a Free Website Builder? A Review of HubSpot CMS Free Hosting Software

Category: Articles

Want to build your website visually using a drag and drop website builder? You should consider taking HubSpot CMS for a test-drive because it has a large amount of features specifically designed for lead generation and business management. Below is a summary of the content management system and the reasons why it is a professional… Read more »

Continue Reading

How to Build HubSpot Custom Modules Using HTML + HubL [video tutorial]

Category: Tutorials

Have you heard of HubSpot modules but are not sure what they are or how to use them in your pages? Have you wondered how to make a HubSpot custom module? This HubSpot CMS theme development tutorial will show you how to build HubSpot custom modules that you can use to experiment and test how… Read more »

Continue Reading

HubSpot HubL Code Snippet Collection – Filters, Functions, and Macros

Category: Code Snippets

Below is a list of my commonly used HubSpot CMS HubL filters, functions, and Macros. Email me if you have one you would like to add to this list. Create a slug from a text string I used this when I wanted to add a CSS class name to the li of a menu using… Read more »

Continue Reading

How to Create a Landing Page in HubSpot CMS Using a Blank Page

Category: Tutorials

Are you trying to create a landing page using a blank page in HubSpot? HubSpot’s drag and drop templates make it incredibly simple to create landing pages that generate leads or promote webinars. The user-friendly drag and drop editor allows you to easily add or update text and images within the landing page layout. What… Read more »

Continue Reading