AX - Bar Code

Overview

AX - Barcode is an Experience Cloud component that generates scannable codes—including QR codes, standard barcodes, and other formats—on Experience Sites pages based on Salesforce field values.

Use it to display codes for product numbers, order IDs, tracking information, event tickets, or any data that portal users need to scan with mobile devices. Configure the barcode type, size, and styling in Experience Builder to match your portal's branding.

Perfect for customer portals showing order barcodes, event registration pages with ticket QR codes, partner portals with product tracking, or self-service sites where users need scannable access codes.

Configuration

Customizing the barcode value

The value for the barcode can be set in two ways. Firstly, you can manually enter the desired value for the barcode. Alternatively, the value can be sourced from one of your existing collections. To use a value from a collection, switch to the 'Mapped' input option and select the appropriate collection as your source.

Switch to Mapped input field to select a source collection as a value.

Choosing the barcode type

The Barcode component renders more than 150 different types of barcodes. Select the one you need.

Main types of Barcode supported

• 2D codes: QR Code, Data Matrix, PDF417, Aztec Code, MaxiCode, DotCode
• Retail / product (1D): EAN-13, EAN-8, UPC-A, UPC-E, GS1-128
• Logistics / shipping: ITF-14, Code 128, Interleaved 2 of 5, GS1 DataBar
• General purpose (1D): Code 39, Code 93, Codabar, MSI, Plessey, Telepen
• Postal: USPS Intelligent Mail (OneCode), POSTNET, PLANET, Royal Mail, Australia Post, Japan Post
• Pharmaceutical: Pharmacode, PZN, HIBC

The full set of 150+ supported symbologies is available in the component's Type property.

Properties

Type selects the barcode symbology to generate — choose the appropriate type based on your use case or industry standard.

Value is the data to be encoded into the barcode.

Checksum enables or disables the calculation of a checksum digit, adding a layer of data integrity when the barcode type supports it.

Width and Height define the barcode's dimensions so it fits well within the allocated space and remains easily scannable.

Hide Value shows or hides the encoded value beneath the barcode, providing a cleaner visual presentation.

Alternative Text provides accessible text describing the barcode.

Styling

Appearance

Name	Description	Usage
Background Color	Set the background color of the barcode component.	Choose a color that ensures good contrast with the barcode lines and numbers, ensuring readability and scannability.
Color	Set the color of the barcode lines and text.	Select a color that stands out against the background, optimizing visibility.
Text Alignment	Define the alignment of the text displayed below the barcode.	Adjust the text alignment to harmonize with the overall design and layout of the webpage or printed material.
Text Color	Set the color of the text displayed below the barcode.	Choose a color that is easily readable against the background color, ensuring that the encoded value is visually accessible.