HubSpot Development Tutorial: How to Create a Custom Module in HubSpot CMS
In this HubSpot module development tutorial, I will demonstrate how to create a custom module in HubSpot using HTML + HubL code. I will be building a product attributes list inspired by one found on Amazon product listings.
A good way to think of HubSpot custom development and how HubSpot custom modules work is by comparing it to a Lego set. When building a Lego set, you are given different types of blocks that you can configure into whatever you like.
In the HubSpot website builder, you can choose between different module field types that can be configured into different things using HTML, CSS, Javascript, and HubL. HubL is the server-side templating language that gives you the ability to write programming logic.
►► Download My Free HubSpot Modules: https://www.bootstrapcreative.com/jak...
0:00 Introduction to HubSpot Module Development
0:34 Create HTML & CSS structure in Codepen
1:50 Create a new module in HubSpot Design Manager
5:00 Quick HubSpot module preview
6:30 Add content fields using HubL to HubSpot custom module
11:00 Free HubSpot developer HubL guide ►► https://bootstrapcreative.com/resourc...
14:30 How to add style fields to HubSpot module
18:15 Test HubSpot module with theme styles
🤔 What is HubSpot CRM? https://bootstrapcreative.com/glossar...
🔔 Subscribe for more free digital marketing tips & HubSpot marketing tutorials: https://www.youtube.com/c/Bootstrapcr...
☎️ Contact Jake Lett about HubSpot custom theme development or design - https://bootstrapcreative.com/contact...
✅ Recommended playlists:
HubSpot Tutorial for Marketers & Web Designers - • HubSpot Tutorials
HubSpot Development Tutorials for HubSpot Developers - • HubSpot Web Development
Jake Lett's Most Recent Digital Marketing & SEO Tips - • Jake Lett's Most Recent Digital Marke...
🔗 Other links I mentioned in the video
Overview of HubSpot Modules - https://developers.hubspot.com/docs/c...
HubSpot Module Fields - https://developers.hubspot.com/docs/c...
HubSpot Developer Chrome Extension - https://chrome.google.com/webstore/de...
CodePen example - https://codepen.io/JacobLett/pen/XWqXWqP
HubSpot Module Development Tutorial: How to Make Custom Modules in HubSpot Marketing Hub - https://bootstrapcreative.com/how-to-...
#hubspotcms #hubspot #hubspotmoduledevelopment #hubspotcrm #jakelett
Watch video HubSpot Development Tutorial: How to Create a Custom Module in HubSpot CMS online without registration, duration hours minute second in high quality. This video was added by user Jake Lett 18 January 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 7,57 once and liked it 9 people.