Back to Top

Magento 2 Reservation Booking QR Code(Adobe Commerce)

Updated 13 October 2023

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:

Searching for an experienced
Magento 2 Company ?
Find out More
tfxciKgaI7g

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.

Please Note –

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.

Installation Of Magento2 Booking and Reservation

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.

Installation Of Magento2 Booking and Reservation

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.

Magento 2 opencart connector language translation

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.

i18_translation_file

Initial Configuration Settings

After the successful installation, the admin will navigate through Stores->Configuration->Advanced Booking System->Advanced Booking QR Code.

Configuration-Settings-Stores-Magento-Admin-7

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.

bookingqrcode_order_ticket_order_id_10

Apart from that, the admin will also configure the Booking Email template by selecting the same.

Configuration-Settings-Stores-Magento-Admin-1-1

Lastly, the admin will tap the Save config button to save the configuration settings.

Customer Event Booking In Magento 2 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.

Eventbooking

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.

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‘.

admin_event_bookingadmin_event_booking_2

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.

mockup-1-1

 

Note: One cannot reuse the QR code again if scanned once.

mockup-2-2

 

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.

ticket

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

print_ticket

  • Mail ticket by clicking Email Ticket.

email_event_details

By scanning the below QR-Code the event organizer or admin can verify the customer.

mockup-1-1

 

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 Magento 2 Reservation Booking QR Code module. Still, have any issues please feel free to add a ticket at  https://webkul.uvdesk.com/

Current Product Version - 5.0.1

Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

Table of Content