Member cards with QR code on the portal

Arthur Jolly -

This guide explains how to use the loyalty card with QR code feature in the Qualifio editor. This feature allows you to generate digital loyalty cards with a unique QR code for each member of your loyalty program.

What's in it for you?

  • Simplify member identification in-store using a unique QR code.
  • Enhance the customer experience by offering an accessible digital loyalty card.
  • Increase store staff efficiency through quick member identification.

How it works:

1. Membership ID and QR code generation:

  • A unique membership ID is automatically generated when each member signs up.
  • This membership ID consists of 8 alphanumeric characters (4 numbers and 4 uppercase letters).
  • The generated QR code contains the membership ID and allows easy member identification.

2. Using in the Qualifio editor:

  • Drag and drop the "Loyalty Card" widget from the "Content Widgets" section into your editing zone.
  • A sample QR code is displayed to illustrate the final rendering.
  • You can edit the default label "Loyalty Card" for all program languagesCapture d’écran 2024-04-11 à 16.52.39.png


3. QR code functionality:

  • The QR code is unique and specific to each member.
  • Once published, the widget dynamically displays a unique QR code for each member.
  • The QR code corresponds to the member's specific ID.
  • Any changes to a member's QR code are immediately reflected on the portal.
  • The QR code widget is responsive and displays correctly on all devices (computers, tablets, and smartphones).
  • The QR code remains valid for the entire duration of the member's loyalty program membership, unless explicitly revoked or regenerated.
  • The generated QR code is compatible with common QR code scanners and does not require any specialized equipment to be scanned.

Capture d’écran 2024-04-11 à 16.57.44.png

4. Scanning the QR code in-store:

  • A "Camera" button can be added via a tag next to an alphanumeric field in Qualifio form to scan the member's QR code.
  • You can then click the "Camera" button to open the QR code scanner.
  • Once the QR code is recognized and validated, the field is automatically filled with the membership ID.
  • Once filled by the QR code, the field becomes grayed out and locked.
  • Clicking the "Camera" button again reopens the scanner and empties the field.

Was this article helpful?

Can’t find the answer you need?

Send us a question and connect with an expert to get personal assistance.

Contact support

Vous ne trouvez pas les réponses que vous cherchez ?

Nous sommes là pour vous aider. Envoyez-nous une demande en direct !

Contacter le support
helpcenter experts