How to Create and Edit HubSpot CMS Modules

Have you heard of HubSpot modules but not sure what they are or how to use them in your pages? This tutorial will show you how to build a basic module that you can use to experiment and test how modules can make your website tailored to your needs. What is a HubSpot CMS Module?… Read more »

Continue Reading

Category: Tutorials

How to Print HubSpot Sales Quotes in Landscape Mode

Are you looking for a way to print your HubSpot sales quotes in landscape mode instead of portrait? Or do you want to remove the white margins when printing or download the quote pdf? HubSpot sales quote templates use CSS print styles to format the PDF and printed document. This gives you an opportunity to… Read more »

Continue Reading

Category: Common Questions

Use is_in_editor to Add Inline Comments and Notes Only in the HubSpot Editor [code snippet]

As a HubSpot CMS developer, you sometimes need to add some contextual information in templates to make it easier for content editors to know where and how to edit things. Add the code below into a template to display help text only when editing the HubSpot template.

Below is an example of how these… Read more »

Continue Reading

Category: Code Snippets

How to Format a Phone Number in HubSpot CMS HubL

I was recently working on a custom HubSpot quote theme and needed to format the phone number. By default, the number was displayed as a long string of numbers without any parenthesis or number groupings. The code below uses a HubL to display a subset of the full string in the chunks you need it… Read more »

Continue Reading

Category: Code Snippets

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

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

Category: Code Snippets

What happens when you clone a landing page in HubSpot?

HubSpot creates a duplicate draft version of the page and adds the word “Clone” at the end of the original name.  

Continue Reading

Category: Common Questions

How to Create a Landing Page in HubSpot Without a Template

Are you trying to create a landing page without a template in HubSpot? HubSpot drag and drop templates make it easy to build a landing page to help you generate leads or promote a webinar. Below are the steps on how to do so. 1. Open HubSpot Landing Pages Admin In the top navigation menu… Read more »

Continue Reading

Category: Tutorials

How to Make CSS Style Customizations to HubSpot CMS Pages

Are you creating a HubSpot landing page or website page but want to make a small design style adjustment? Sometimes you just have to dig in and get your hands dirty writing some code. But don’t worry it isn’t as bad as it looks. And if this is your first time, afterward you will think… Read more »

Continue Reading

Category: Articles

How to Copy HubSpot Sections Into a HubL Code Template

HubSpot CMS has recently added the ability to copy sections built with the visual editor and then paste the HubL code into a template. Previously, this had to be done by manually. Why you might want to use this A designer or marketer could visually design the page. Get 80% there and then hand off… Read more »

Continue Reading

Category: Code Snippets

How do you change the styling of a HubSpot pop up form?

I recently tried adding a HubSpot popup form but I noticed I didn’t like the styles. It wasn’t exactly what I was looking for. The form admin does not provide extensive customization options, but if you are comfortable adding CSS styles you can adjust the popup to fit your needs. Below are the changes I… Read more »

Continue Reading

Category: Articles