Back arrow icon
Back arrow icon

Hubspot custom module development

Image of building blocks

The building blocks of Hubspot pages

Modules are individual page components that enable you to construct page layouts. A typical page might consist of these 7 modules: Header > Navigation > Hero > Free text area > Cards > Carousel > Footer. The big distinction in Hubspot terms is whether a module is Global (occurs in many places with the same content) or Local (occurs in many places but with different content in each occurrence). In the above scheme the Header, Navigation and Footer would most likely be global.

Page templates will often define the “top and tail” of the page with these globals, the remaining space for you to drag in and re-arrange modules to create your layout.

In addition to the theme modules there are a selection of native Hubspot modules available e.g. Form, Rich Text, Button etc but you’ll find these are vanilla styled so they’ll need css rules applied in theme settings.

Modules use hubl (Hubspot’s native scripting language), will nearly always have css dependencies and sometimes js. An experienced Hubspot developer will be able to see patterns and relationships in the brief and build these elements out in the most lean and efficient manner, reducing code bloat and boosting site performance.

Modules should be intuitive and easy to use for the content creators. Re-usability is key, you might want a module to cater for several different scenarios, reducing the need for duplication and easing future maintenance.

I have built several hundred custom modules from scratch each to the client’s specification.

I'm a freelance Hubspot developer and build custom modues, landing pages and themes. Contact me for more information.
More articles on Hubspot.


If you're interested in what I could do for you or your organisation let's talk. In the first instance if we haven't spoken before please email me at:

or you can find me here:


Copyright © Dan Macleod / Gorillaweb Ltd 2024
Privacy and terms of use