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.
|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.|
See the single scan in action below.
Here is a brief walkthrough showing continuous scan in action.
Version 1.1 4/10/23
Version 1.0.2 9/5/21