How to use QuickScan Pro:
1. Setup: Drag the QR Generator Pro (for QRs) or Barcode Generator (for Barcodes) element onto your page. Resize it as needed.

2. Creating Smart QR Codes (WiFi, Email, SMS): Instead of typing manual code, use the Element Actions to generate the correct format:

  - WiFi: Use the Generate WiFi Data action.

        SSID: This is your Network Name (e.g., "Home-WiFi-5G"). It is often found on the sticker on the back of your router.

        Password: Your network key.

  - Email/SMS: Use the respective generation actions.

  - Important: After running the action, set the QR Element's Data source to QR Generator A's smart_data.

⚠️ Character Limits for Best Scanning:

  - WiFi: No specific limit, but keep passwords under 60 chars for quicker scanning.

  - SMS: Limit message to 160 characters.

  - Email: Limit total text (Subject + Body) to 250 characters.

  - Why? More text = smaller dots. If the QR is too dense, phone cameras may struggle to focus.

3. Customizing Design (QR Only):

  - Logo: Upload an image to the Center Logo field.

  - Style: Change Dots Style to "Rounded" or "Dots" for a modern look.

4. Saving & Downloading:

  - Download: Use the Download Code action to save to the user's device.

  - Save to DB: Use the Get Image Data action -> Listen for the Image Ready event -> Save Element's saved_image to your database.

Using the Scanner (Camera):

  - Place the Scanner element on your page or inside a Popup.

  - Important: Give it a visible size (e.g., 300x300px or 100% width/height). Do not make it 1x1px or hidden, or the camera won't start.

  - Use the workflow action Start Scanning to activate the camera.

  - Use the event Code Detected to capture the result.

  - Always run Stop Scanning when you are done (e.g., when closing the popup).


Using Continuous Scanning (Warehouse Mode) 📦
In your Scanner element, check the Continuous Mode box. When you trigger the Start Scanning action, the camera will stay open after a successful read. The plugin will automatically add the scanned codes to the list_of_scans state. Use the Clear Scan List workflow action to reset the list when your user submits the batch to your database!
Note: A built-in 1.5s cooldown prevents the same barcode from being accidentally scanned 50 times in a row.

Hardware Controls (Flashlight & Camera) 🔦
Give your users a native app experience! Build two buttons on your Bubble UI over the scanner viewport:

Flashlight: Create a workflow -> Element Actions -> Toggle Flashlight. (You can read the flash_is_on state to change your button's color!).

Switch Camera: Create a workflow -> Element Actions -> Switch Camera to seamlessly flip between the front (selfie) and rear environment cameras.

Enterprise Barcodes & Error Handling 🔤
If you select strict formats like EAN-13 or UPC, they mathematically require specific lengths and numbers. If you feed it invalid data (e.g., text instead of numbers), the barcode won't break your app! Instead, it will display a red "Invalid Data" SVG message and trigger the Error Occurred workflow, allowing you to show a Bubble alert to your user.

Exporting Print-Ready QRs (SVG) 🖨️
When using the Download or Get Image Data actions on the QR Generator, simply set the Output Format parameter to svg. This will download a mathematically perfect vector file, ideal for printing on product packaging, large posters, or attaching "Scan Me" CTAs in graphic design software without losing quality!