Link to plugin page: https://zeroqode.com/plugin/qr--bar-code-reader-1530097456687x249120198975291400
This plugin enables smooth and seamless QR and Bar code reading functionality in your Bubble app. For a better quality of scanning, please make sure there is sufficient lighting in the room and QR/Barcodes are of good quality.
Note: Please note that on iOS devices the plugin works only in the Safari browser.
Place any of the elements on the page in order to access the plugin's actions and states. Configure the element proprieties and actions in the application. Get result.
The plugin has 3 visual elements (Barcode Reader, QR Code Reader, and GenerateQR) which should be placed on a page in order to use the actions/states, etc :
This is element is used to scan Barcode formats. Place the element on a page provide the proprieties and use the actions. Supports reading the following formats:
This is element is used to generate a QR formatted image from inputted values. The width and height of the generated QR can be customized in action.
Place the elements on a page in order to access the plugin's actions and states. Configure the element proprieties and actions in the application. Get result.
This is element is used to scan QR format. Place the element on a page in order to access the plugin actions and proprieties.
Choose a type of reader type. Auto option - provides Auto-detection.
If choosing auto there are possible clashes or false positives.
For iOS you have to touch the page anywhere at least once to activate sound auto-playing, otherwise, the sound will be blocked.
Result Format Result Code Result Image
Code detected - An event that fires when a code is found
Start live Decoder - Can be triggered anywhere, on button click or page loadStop live Detector - Can be triggered anywhere, on button click or page loadScan local image - For scan uploaded image Properties: Image - for uploading an image.
Generate QR code - Generates new QR code
Generated Image: Generated QR code in base64 format. Can be downloaded or uploaded anywhere or shown as an image on a page.
Currently not supported for all devices with iOS 14 or higher.
Result Code - a result of QR reader Result Content - Content of QR reader
Code detected - An event that fires when a code is found.
Update: 22/12/2020 –
Update: 21/06/2021 - Version 1.21.0
Update: 18/11/2021 - Version 1.23.0
Update: 27/11/2021 - Version 1.25.0
Update: 26/04/22 - Version 1.27.0
Fixed issue on android for Generate QR