Get started  

Help Center

Community / Forum Ask Zappter Support We build your app Marketplace





Mastering the content editor Pixel perfect design Setup your E-Commerce Store Configure your booking engine Event-System / Drop-In


App Store Submission Creating Push Notifications Typography Changing template Changing Rules

Business Modules


More Tutorials


Setting Up QR Code Scanner

Accessing QR code scanner

You can customize QR code access icon on your bottom bar. Learn more about using the Customize Bottom Bar here.
1. Admin > Customize > Bottom Bar. Select 'Settings' in the below screen.
image.png 165.69 KB
2. Select the 'Settings' option, and Select the 'QR-Codes' tab.
image.png 406.07 KB
3. Click on the 'Enable QR-Codes for App Users' to enable QR-Codes.  Read below the other configurations available on the page.

  • Color: Use the Zappter color picker to change the icon color of the QR-Code
  • Display in: Choose to display the QR-Code on the bottom bar, upper bar, or in the profile screen
  • Upper Bar Alignment: Select to right-align, center-align, or left-align the QR- Code
  • Icon: Select an icon from Ionicons, Awesome, or Zappter
  • Use image: Enable this option and you can upload an image to be used instead of an icon
4. Save the change.
The 'Design' is not used for QR-Code Scanner plugin configuration or customization.
QR-Code Scanner