Scan QR code (external URL)

Open the camera to scan QR codes.

This feature is available with the Advanced and Business add-ons.

👉 The tag

The element with this tag will open the phone camera to allow app users to scan a QR code and open the link in a web browser.

📍 Where to add the tag: Any UI element layer (not page level or container level)

[action:scanqr]

Complementary tag: Visor design

Visor design: Add a design that overlays the camera screen to show your users where they should place the QR code.

📍 Where to add the tag: page level

[qr:page-visor]

Note: This is only supported in iOS. In Android, the visor design will not show. To return to the previous page in Android, use the back button on the bottom navigation bar.

Other helpful tags

Aspect ratio relative to screen

🏗 How to add the tag

🪄Bravo Tags: adding functionality to the UI elements

💾 Example file

Duplicate the file below to see how to set it up!

https://www.figma.com/community/file/982583805572191923/Bravo-sample%3A-QR-Code-Scannerwww.figma.com