Hubspot custom module development
The building blocks of Hubspot pages
Dan MacleodModules 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.
