QR check-ins and tickets
Event entry, class attendance, gym check-ins: the QR code contains a URL of your Bolt app with a token, the scanner opens it inside the app, your backend (Supabase, Firebase or your own API) validates it.
What you can build with it
Barcode lookups
Inventory, product catalogs, price checks: the scanned EAN/UPC value is available as barcodescanresult and can fill a form field or trigger a lookup.
Loyalty and referrals
Members show a QR code, staff scan it with the same app. Both sides are plain pages in Bolt; the camera part is native.
Prompt for Bolt
Paste this into Bolt to implement the web-app side. Review the result, publish, then test inside the WebViewGold app.
Prompt to paste into Bolt
Add QR and barcode scanning to this Bolt app for the WebViewGold wrapper. Create a Scan page with two buttons shown only when navigator.userAgent contains my custom WebViewGold token: Scan QR code sets window.location.href to qrcode://, and Scan barcode sets window.location.href to barcodescanner://. After the barcode call, poll the global variable barcodescanresult every 300 ms for up to 60 seconds; when it has a value, insert a row into a Supabase table scans (user_id, code, created_at), show the code with a lookup against the products table, and reset the variable. Create a route /item/:code that QR codes can point to. Add manual code entry for browsers.
My iOS WebView is finally approved. Thanks!!
Add the scanner to a Bolt app
About 10 minutes plus your business logic.
Add a scan button
A link or button that navigates to
qrcode://(QR codes, result URL is opened in the app) orbarcodescanner://(barcodes, result stored inbarcodescanresult). Show it only inside the app by detecting the WebViewGold user agent.Handle the result in your web app
For QR codes: encode a URL of your Bolt app (for example
https://app.yourdomain.com/checkin?token=…); the app opens it like any navigation and your page does the rest. For barcodes: readbarcodescanresultafter the scanner closes and call your lookup in Supabase, Firebase or your own API.Explain the camera permission
The WebViewGold projects already contain the camera usage description; adjust the text so it names your use case ("to scan tickets at the entrance"). Both stores read these strings.
Choose the scanning mode
With
scanningmode://on,offorautoyou control whether the scanner closes after the first hit or keeps scanning, useful for inventory counts.
Barcode result in JavaScript
A minimal handler for the barcode variable:
javascript
// button inside the app
function startScan() { window.location.href = "barcodescanner://"; }
// WebViewGold injects the result into the page
function onScannerClosed() {
if (typeof barcodescanresult !== "undefined" && barcodescanresult) {
document.querySelector("#sku").value = barcodescanresult;
lookupProduct(barcodescanresult);
}
}Frequently asked questions
Does the scanner need extra permissions in the stores?
Only the camera permission with a purpose string, which the WebViewGold projects already contain. Describe the use case honestly in the string and in the App Privacy / Data safety answers if you store scan data.
Can I scan from the web app in the browser too?
Yes, with a JavaScript library. The native scanner is faster and uses the system camera UI; detect the app via the user agent and offer the native scanner there, the web library elsewhere.
Which barcode formats are supported?
The common 1D and 2D formats (EAN, UPC, Code 128, QR and more) through the native platform scanner frameworks.
Three ways to get your app into the stores
Same result, different amount of work on your side. All three come with the approval guarantee and 24/7 human support.
Do it yourself
$109 per platform, one-time
The WebViewGold license: a finished Xcode or Android Studio project. Paste your URL, set name and icon, switch on features, build and submit. Free updates forever.
See plans on the main pageCloud Builder
$349 per license, one-time add-on
No Mac, no Xcode, no Android Studio: configure in the browser, we build both apps in the cloud and hand them to App Store Connect and the Play Console.
How the Cloud Builder works Try the free demoFull Service
$698 per platform $798
Send us your URL and icon. Our team configures, builds and delivers your app within 72 hours, white-label, with source projects. Both platforms for $1,158.
Full Service details Powered by
Winter Sale prices valid until December 31, 2026.