QR/Barcode Reader

The QR & Barcode Reader Plugin allows users to easily integrate a camera-based scanner within their Bubble application to read and process QR codes and various barcode formats in real-time. This plugin opens the camera, detects QR or barcode information, and returns the decoded data, which can be used to trigger actions like URL redirection, product look-up, or accessing other resources within the app.

• Real-time Scanning: Initiates the device’s camera to scan QR codes and barcodes in real time.
• Multiple Formats Supported: Reads various barcode formats, including QR codes, Code 128, EAN-13, UPC-A, and more.
• Responsive Design: Ensures the video feed adjusts responsively to fit different screen sizes and device orientations.
• Flexible Actions: Customizable start/stop camera actions and states to manage scanning, including returning decoded data or error messages.

1. In the Bubble editor, go to the Plugins tab and install the QR & Barcode Reader Plugin.
2. Drag the QR & Barcode Reader element onto the page where you want the scanner to appear.

• Width & Height: Adjust the element size to fit the desired area. The plugin will automatically adapt the camera feed to fill this space.
• Scanning States: The plugin provides states to manage the scanning process:
  • scanned_url: Stores the decoded data from the scanned QR or barcode.
  • is_scanning: Returns "yes" when scanning is active and "no" otherwise.
  • error_message: Shows any error messages encountered during scanning.

1. Start Scanning: Begin scanning with the Start Scanning action, which activates the device's camera and starts reading QR codes and barcodes in real-time.
2. Stop Scanning: Use the Stop Scanning action to halt the camera feed when scanning is no longer needed.

Test Barcodes: https://www.plascards.com/help-center/Barcode_Test_Sheet.pdf?srsltid=AfmBOopL1xDLxaotiJ69eFcEEUVg-isBUuVhp_eyNndURTacFrNQ9jRK