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


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 the text label. This allowed me to target that unique li to style it different from the others.

{% set mystring = "THIS iS jusT a teXt stRing" %}
{{ mystring|lower|replace(' ','-') }}
// this-is-just-a-text-string

Bulk replace a dev domain with a production domain on site launch

I recently worked on a HubSpot site migration and had a lot of links pointing to the development domain. A quick way to update these links is to use this HubL filter |replace(“”,””)

{{ href|replace("devdomain.com", "proddomain.com") }}

 

About the Author

Jacob Lett (Jake) is the founder of Bootstrap Creative, a B2B marketing consultancy specializing in manufacturers and industrial companies. A HubSpot-certified CMS developer, SEO, Answer Engine Optimization (AEO), and RevOps professional, he helps B2B companies improve their websites, search visibility, HubSpot systems, and Google Ads campaigns to generate more qualified leads and RFQs. With over a decade of hands-on experience, he acts as a direct partner for companies seeking measurable ROI from their marketing investment.



Topic:

Related posts
Category: Code Snippets

Tags: ,

| Read My Editorial Policy

Want to Get Email Updates of New Articles?

Join My Email Newsletter