Barcodes are a convenient way to share product information, coupon codes, ticket IDs, or unique identifiers inside your HubSpot website. Even though HubSpot CMS doesn’t have a built-in barcode generator, you can easily add one using JavaScript libraries like JsBarcode. Before getting into the implementation steps, let’s understand what barcodes are and the different types you can generate inside HubSpot CMS.
What Are Barcodes and Why They Matter in HubSpot Websites
A Barcode is a machine-readable representation of data that uses a series of lines, spaces, or patterns to encode numbers or text, allowing scanners or mobile devices to identify and process information quickly. Barcodes are widely used in ecommerce, retail, logistics, healthcare, and membership systems because they standardize data and automate tracking.
Types of Barcodes
1. CODE128 (Unleashing Alphanumeric Brilliance)
CODE 128 is a high-density linear barcode that can encode the full ASCII set, including numbers, letters, and special characters. It has three subsets, A, B, and C, optimized for different data types, with subset C efficiently encoding numeric pairs. It includes a start character, data, a check character, and a stop character for accurate scanning, making it ideal for shipping, inventory, and logistics.
And if you’re using barcode-driven workflows across multiple tools, our tutorial on HubSpot-Salesforce multi-system syncing can help you maintain consistent, real-time data across platforms.
2. Code39 (The Chameleon of Barcodes)
CODE 39 is a widely used alphanumeric barcode that can encode uppercase letters (A-Z), numbers (0–9), and a few special characters like -, ., $, /, +, %, and space. It is simple and easy to print, with each character represented by nine bars and spaces (hence the name “39”).
3. EAN-5 (Unveiling Secrets in Five Digits)
EAN-5 is a 5-digit supplemental barcode typically used alongside EAN-13 or UPC-A barcodes. EAN-5 uses only numeric digits (0–9) and includes a check digit encoded within its structure to ensure accurate scanning. Its main purpose is to provide extra data without altering the main product identifier.
4. UPC-12 (The Harmonious Code of Retail Symphony)
UPC-12, also known as the Universal Product Code, is a 12-digit linear barcode widely used in retail for product identification. It consists of a number system digit, a manufacturer code (5 digits), a product code (5 digits), and a check digit for error detection. UPC-12 encodes only numeric digits (0–9) and is designed for fast, reliable scanning at checkout counters. Its simplicity, standardization, and global adoption make it a staple in retail inventory and point-of-sale systems.
Now that we’ve covered the basics, let’s dive straight into how to generate barcodes in HubSpot CMS using a custom module.
Prerequisite
- HubSpot Developer account.
- Basic knowledge of HTML, CSS, and JavaScript.
Step 1: Create a file in Design Manager
- In HubSpot navigate to contents->Design Manager-> click on create a file.
- Select the file type HTML + HubL and click on the next button.
- Enter the file name and file location and click create.
- Add your code.
- Click publish when done.
- Follow the same steps for CSS and Javascript files.
index.html
Style.css
script.js
Step 2: Create a Website Page
- In HubSpot navigate to Content->Website Pages->click on Create.
- Click on the ‘Skip to templates’ button.
- Enter your HTML file name in search bar and select the file
- Go to Settings->General -> Enter the page title.
- Click On Publish
- You can click on Add Domain or just copy the URL of the website page.
Watch Live Demo
Conclusion
Barcodes make your HubSpot website more interactive, scannable, and automation-friendly. With a simple JavaScript library like JsBarcode, you can generate multiple formats such as CODE128, CODE39, UPC, and EAN on your CMS pages.
If you want to integrate advanced barcode features, custom modules, or automation workflows, get HubSpot Development Services today. Our team can help you build, customize, and scale your HubSpot website for better performance and conversions.
No Data Found.
India 
USA
UK
Canada