# Scan QR code (external URL)

{% hint style="info" %}
This feature is available with the [Advanced and Business add-ons](https://www.bravostudio.app/pricing).
{% endhint %}

## 👉 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]
```

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXpqEanvOhm8vMtIH8i%2F-MedUHZ4PMMGHLuCVVWW%2F-MedlAPmUF46_YMWQkYH%2Fqr-code.gif?alt=media\&token=a2b8aa28-f5df-4319-8333-acf203f6c093)

### 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]
```

{% hint style="warning" %}
**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.
{% endhint %}

#### Other helpful tags

{% content-ref url="../containers/aspect-ratio-relative-to-screen" %}
[aspect-ratio-relative-to-screen](https://docs.bravostudio.app/bravo-tags/containers/aspect-ratio-relative-to-screen)
{% endcontent-ref %}

## 🏗 How to add the tag

{% content-ref url="../../set-up-design/setting-up-your-design-file/what-are-bravo-tags" %}
[what-are-bravo-tags](https://docs.bravostudio.app/set-up-design/setting-up-your-design-file/what-are-bravo-tags)
{% endcontent-ref %}

## 💾 Example file

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

{% embed url="<https://www.figma.com/community/file/982583805572191923/Bravo-sample%3A-QR-Code-Scanner>" %}