The QR scanner component allows you to scan any QR code or barcode with the option to open the link, copy it, or share it.
How To Install The Component
This component can be installed in:
- App's Navigation Page ✓
- App's Side Menu ✓
You can find the QR scanner component in the Essential Features section. Click or drag and drop the component into your navigation or side menu to install it.
How To Configure The Component
Click the gear icon to configure the component settings.
Rename the component and choose an Android and an iOS icon for it.
QR Types: The QR scanner component comprises 3 scanning options that you can choose from:
- User’s QR with optional QR scan: It enables you to scan any QR code or barcode and displays "My QR Code" as a button at the bottom that you can click on to display your personal QR code.
- QR scan with optional user’s QR: Displays the user's personal QR code and displays "QR Scanner" as a button at the bottom that you can click on to scan any QR code or barcode.
- Generic QR scan only: Allows users to scan any QR code or barcode with the option to open the link, copy, or share it via WhatsApp, Messenger, Telegram, and much more.
Users can scan this personal QR code and add each other to their app.
Add a special text to be your QR code page description.
Turn the toggle on for additional settings you would like the scanner to use:
- Copying of QR Code
- Sharing of QR code
- Opening of QR code in Web
Note that you can activate all of them.
❓ FAQs
Q: How can I add a QR code scanner to my app without writing any code?
A: You can easily add a QR code scanner using nandbox’s QR Scanner component. It lets users scan QR codes directly in your app and perform instant actions—no coding or technical setup required.
Q: What does the QR Scanner do?
The QR Scanner makes your app interactive by allowing users to:
- Access a built-in QR scanning screen
- Scan QR codes and trigger actions like opening a web page, validating a code, or navigating to a specific screen in your app
- Use scannable codes for things like promos, tickets, or quick navigation
It’s a simple and engaging way to connect offline experiences with your app.
Q: How do I set up a QR scanner in my app?
- Open your app layout in the nandbox builder.
- Drag and drop the QR Scanner component onto any screen or tab.
- In the settings panel, choose what happens after scanning, such as opening a specific URL.
- Save your changes and publish the app.
Your users can now scan QR codes directly from your app—it’s ready to go!