From Josh Dayment – Barcode Scanning Component for Flow

Josh Dayment

3 years ago

The Barcode Scanner component provides you a way to scan various types of Barcodes using a flow and the Salesforce Mobile App, Mobile Publisher for Salesforce, or Mobile Publisher for Experience Cloud in Flow screens. It allows you to take the data stored in that barcode and return the value to be used later downstream in your flow or instantly show Salesforce Data to users in the app all from scanning a barcode. This component uses the existing BarcodeScanner API.

In my example use case I am using it for contactless check in at a job fair. We have a custom object called Registration where I have a QR Code I generated using an formula field using the open API from goqr.me (ex: IMAGE(“https://api.qrserver.com/v1/create-qr-code/?size=150×150&data=”&Id ,”Scan QR code”) I am using the recordId from my Registration that is passed through into the output value of the component.

The component has customizable buttons, labels, icons and also supports auto navigation on successful scans.

In addition to scanning a single Barcode you can now enable continuous scan which will open the camera on your mobile device to and continuously scan storing the values in a text collection for use in your flow.

Inputs

Property Name	Data Type	Description
Auto Navigate	Boolean	When marked as true the flow will automatically move to the next screen/element upon a successful scan.
Button Icon	String	This is an icon that will be placed on the scanner launch button uses lightning design system i.e. utility:photo
Button Label	String	The label to on the scanner launch button.
Continuous Scan	Boolean	When marked at true allows for continuous scan of multiple barcodes in one scanning session.
Label	String	Label placed in front of scanned data.
Scanner Instructions	String	Text that sits above scanner launch button to provide scanning instructions to the user.