Hi Fariha,
You can do it by importing a web resource into Event Registration form, use an external api service or a QR code javascript library to create QR code, and hide the default QR Code section.
1. External service:
This website will create a direct QR code image src for us to present a QR code.
http://goqr.me/api/
The api URL is: https://api.qrserver.com/v1/create-qr-code/ (Data will be processed in https, so our data is safe)
Demo:
QR Code 1
![]()
The QR code will display such information:
Name: Alex Mao RegistrationID: ER GQTALSZR34BQWHLDX2XR6W8TMH
2. qrcodejs
If you worry about public API service security, then you can import a free js library: qrcode.js to create QR code.
My demo refer the library from CDN.
QR Code 2
The QR code will display same information.
There are two libraries you can use:
https://www.jsdelivr.com/package/npm/davidshimjs-qrcodejs(basic version)
https://www.jsdelivr.com/package/npm/easyqrcodejs(extended version based on above library, and its my demo version)
You can open their GitHub page for more details about usage.
Regards,
Clofly
