The scanner works best on a mobile device with a rear camera.
Scanning a product during a sale
Tap Escanear
In the Sales view, tap the Escanear (📷) button next to the search bar. Your browser will ask for camera permission if it hasn’t already been granted — tap Allow.
Point at the barcode
Hold the camera steady over the barcode or QR code. The scanner targets a 250 × 250 px area in the center of the viewfinder.
Adding a new product with a scanned code
When you scan a barcode that does not match any existing product, the app asks whether you want to create a new product. If you confirm, the product form opens with the scanned code pre-filled in the Código de Barras field — you only need to enter the name and price.Supported formats
Html5-QRCode supports a broad range of code types, including:- QR codes
- EAN-13 and EAN-8
- Code 128
- UPC-A and UPC-E
- Code 39, ITF, and more
Scanner configuration
| Setting | Value |
|---|---|
| Frame rate | 10 fps |
| Scan box | 250 × 250 px |
| Camera | Back camera (facingMode: "environment") |
| Input mode | Camera only |
Error states
| Error | Cause |
|---|---|
| Permission denied | Camera access was blocked in the browser |
| No camera found | The device has no camera, or no camera was detected |
| Browser not supported | The browser does not support the camera API |
| Camera in use | Another app or tab is already using the camera |