Magento 2 Reservation Booking QR Code(Adobe Commerce)
Introduction
Magento 2 Reservation Booking QR Code is an add-on of Magento 2 Rental Appointment Hotel Event Booking & Reservation that introduces QR Code functionality on the website.
Quick Response Code(QR-Code) is a barcode in matrix form, as seen in the orders section. The QR code can be used by the event organizer to recognize the person at the time of event entry.
That is the authentication of the event attendees can be conducted.
Thus, this will save the time of the event organizer or admin as now they need not enter any special order ID or any other special details about the order.
The QR code will be generated when the admin generates the invoice.
Watch the below video tutorial to understand the extension workflow:
Features
- Quick and easy authentication of event attendees by scanning the QR code.
- Security to the event ticket owner as compared to other forms of authentication like order ID, unique IDs, and other such codes.
- The module, for now, works only for Event Products.
- The QR code is attached to the ticket page which will be visible once the invoice is generated by the admin.
- The admin and customer can download a ticket in PDF format.
- The customer can send a ticket to his registered email id.
- Admin can send a ticket to the customer’s registered email id.
Note –
- This is an add-on to the Adobe Commerce Rental Appointment Hotel Event Booking & Reservation module.
- One can purchase the event tickets with the help of the app – Adobe Commerce Booking App.
Installation
Customer will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder.
Now, you need to transfer this app folder into the Magento2 root directory on the server as shown below.
After the successful installation, you have to run these commands in the Magento2 root directory.
composer require dompdf/dompdf:^2.0.3
composer require endroid/qr-code:^4.8.2
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
Therefore, after running the commands, you have to flush the cache from the Magento admin panel by navigating through->System->Cache management as shown below.
Language Translation
For translating the module language, navigate through src/app/code/Webkul/AdvancedBookingQrcode/i18n and edit the en_US.csv file.
Thereafter, rename the CSV as “en_SA.csv” and translate all right side content after the comma in the Arabic language. After editing the CSV, save it.
Now, upload it to the path src/app/code/Webkul/AdvancedBookingQrcode/i18n where the installation of Magento 2 is on the server.
The module translates into the Arabic Language. It supports both RTL and LTR languages.
The user can edit the CSV like the image below.
Initial Configuration Settings
After the successful installation, the admin will navigate through Stores->Configuration->Advanced Booking System->Advanced Booking QR Code.
Here, the admin will be able to –
- Enable the module for use in the store.
- Upload the Logo image for the Event ticket that is displayed at the customer end under the ticket section and on the event confirmation email.
The admin can also navigate to the Configuration directly from the Dashboard by navigating to Advanced Booking System> Advanced Booking QrCode > Configuration settings as per the below image.
Apart from that, the admin will also configure the Booking Email template by selecting the same.
Lastly, the admin will tap the Save config button to save the configuration settings.
Customer Event Booking In Adobe Commerce Rental Appointment Hotel Event Booking & Reservation
The customer can purchase the event ticket from the website front in the Magento 2 Rental Appointment Hotel Event Booking & Reservation add-on.
Hence, for this, the customer needs to click on Buy Ticket under Event booking product.
This will add the product to the cart and the customer can checkout with the selected product in regular format.
Admin End Management
Once the customer places the order it will be visible to the admin in Advanced Booking System-> View Bookings Orders.
Here, the admin can generate an invoice for the order and set the status of the order as complete in order to enable the QR code for the order.
Remember- The QR-Code will be visible for only orders with order status as ‘complete‘.
The admin can even share Ticket details with the customer by mail by clicking on Email Ticket and generate the PDF for the ticket by clicking on Download PDF.
The admin can scan this QR code and get the details verified.
Note: One cannot reuse the QR code again if scanned once.
Customer- QR Code
The QR code is used by the customer in the event for the verification process. The customer can see the order QR-code in the My Orders>Tickets.
The customer can-
- Save the ticket in the form of a PDF by clicking on Download PDF
- Print the ticket by clicking on Print Ticket
- Mail ticket by clicking Email Ticket.
By scanning the below QR-Code the event organizer or admin can verify the customer.
Note:
- Scanning QR from the admin end will not change the ticket status to ‘Used’. The status will change only if scanned from the customer’s end.
- After scanning the QR code, the URL gets encrypted for security purposes.
So, that’s all for the Adobe Commerce Reservation Booking QR Code module. Still, have any issues please feel free to add a ticket at https://webkul.uvdesk.com/