How to add a QR code reader

QR Code reader

With a QR Code section, your users scan a code printed on a poster or in your paper edition, and it opens a page of your app or a web page.

In My App, Structure, click Add a section… then search for QR to find the QR Code card.

Point at it to see the screen it adds: the scanner. Click Add.

Name the section. Then click Add.

The section joins the end of your menu. In the preview, the scanner stays dark: you'll try it on a phone.

QR Code reader is now also listed in your extensions, under Extensions Store, Management.

Back in Structure, open the section, and click Edit the design.

Under Button, choose the colors of the round button at the bottom of the scanner.

Text sets the font and color of the message users see if they refuse the camera. Choose a color that reads well on your background.

The section uses the phone's camera. In Settings, open the Privacy center.

Camera, for iPhone and the web app, and Camera view, for Android, are now on. The section keeps them on as long as it's in your app.

In Message, explain why your app uses the camera: app stores may ask you to justify it.

Permission changes apply once you rebuild your app and submit it again to the stores.

To try it, open your app on a phone. The QR Code section ends the menu.

The first time, the phone asks for access to the camera.

Point the camera at a QR code, like this one on a River Daily poster. The round button shows your colors.

A code with the address of a page of your app opens it at once.

A code with a web address asks first… then opens the web page. Close it to come back to the scanner.

And if users refuse the camera, the section shows this message, in your Text style.

Your QR Code section reaches your app once you publish it, with Publish my project.