This guide focuses on the HTML + HubL approach to template and custom module development in HubSpot’s next-gen approach to website deployment.
1: Why use the HubSpot CMS for your Website?
HubSpot CMS is a powerful website design platform that offers a host of benefits for business owners and website managers that other platforms haven’t been able to match. And, it provides seamless integration with HubSpot’s powerful CRM, marketing, sales, and service tools (Hubs). This allows for a unified and efficient approach to managing your online presence (and your business) within a familiar and powerful suite of tools.
The CMS is designed to be user-friendly, with a page-level drag-and-drop interface that makes it easy to manage your website pages. While it offers a range of pre-designed templates which can be customized to suit your brand and business needs, developers can create more advanced custom modules and design page layouts into themes that greatly extend HubSpot’s core functionality.
Current users of the HubSpot CMS enjoy near real-time analytics reporting details at the page level, a core aspect of HubSpot that supports your business goals.
2: The HTML + HubL Approach, HubSpot’s Next-Gen CMS Environment
HubSpot CMS uses a combination of HTML and HubL (based on Python), for theme, template, and custom module development. This approach allows for a high degree of customization, enabling you to create a high-calibre website.
HTML provides the structure for your web pages, while HubL allows you to incorporate advanced content elements into your page templates, such as repeating sections and complex combinations of modules. A combination of static and dynamic content can be made available to website visitors, resulting in a more engaging and interactive user experience. Marketers can combine modules to create templates that offer you a massive head start to creating powerful page layouts.
3: Custom Module Development
Custom modules in HubSpot CMS are reusable multi-part components that can be added to any page on your website via HubSpot’s page-level drag & drop functionality. Custom modules can include anything from a simple text block to a complex form or interactive features that can be enhanced with scroll animation, hover states, and much more.
Developing custom modules involves using HTML and HubL to define the structure and functionality of the module, and CSS to style it. Some also use JScript for advanced functionality. Once a custom module has been created, it can be added to any page or template on your website, providing a flexible and efficient way to manage your content.