Hoe je een QR-codelezer toevoegt

QR-codelezer

Met een QR Code-sectie scannen je gebruikers een code op een affiche of in je papieren editie, en die opent een pagina van je app of een webpagina.

De sectie toevoegen

Klik in ‘My App’, Structure, op ‘Add a section’… zoek naar QR en kies ‘QR Code’.

Houd de naam, of wijzig hem, tot 32 tekens. Klik daarna op Add.

De sectie komt onderaan je menu. In de preview blijft de scanner donker: je probeert hem uit op een telefoon.

‘QR Code reader’ staat nu ook bij je extensies, onder ‘Extensions Store’, Management.

Ontwerp

Terug in Structure open je de sectie en klik je op ‘Edit the design’.

Kies onder Button de kleuren van de ronde knop onderaan de scanner.

Text bepaalt het lettertype en de kleur van de melding die gebruikers zien als ze de camera weigeren. Kies een kleur die goed leesbaar is op je achtergrond.

Cameratoestemming

De sectie gebruikt de camera van de telefoon. Open in Settings het ‘Privacy center’.

Camera, voor iPhone en de web-app, en ‘Camera view’, voor Android, staan nu aan. De sectie houdt ze aan zolang ze in je app staat.

Leg bij Message uit waarom je app de camera gebruikt: de appstores kunnen je vragen dat te verantwoorden.

Wijzigingen in toestemmingen gelden pas als je je app opnieuw bouwt en weer bij de stores indient.

Scannen in de app

Open je app op een telefoon om het te proberen. De QR Code-sectie staat als laatste in het menu.

De eerste keer vraagt de telefoon om toegang tot de camera.

Richt de camera op een QR-code, zoals deze op een affiche van River Daily. De ronde knop heeft jouw kleuren.

Een code met het adres van een pagina van je app opent die meteen.

Een code met een webadres vraagt het eerst… en opent dan de webpagina. Sluit die om terug te gaan naar de scanner.

En weigeren gebruikers de camera, dan toont de sectie deze melding, in de stijl die je bij Text koos.

Je QR Code-sectie komt pas in je app als je publiceert, via ‘Publish my project’.