Magento 2 Point of Sale Custom Receipt
Using the Magento 2 Point of Sale Custom Receipt module, the admin can create customized POS sales receipts for the customers. The admin can design multiple POS sales receipts and assign them to the POS outlets.
The admin customizes the receipts like upload logo, add header and footer details, and set custom labels for the discount, tax, change, sub-total, cashier, etc. And, can even preview the POS receipt.
Note:
- Magento 2 Point of Sale Custom Receipt module is an add-on of Magento 2 POS. So, you should have installed Magento 2 POS module first.
- For POS Marketplace solution, kindly refer to Magento 2 Multi Vendor POS module.
Check the video below for checking the plugin overview –
Features
- The admin can create multiple sales receipts layout
- Enable/disable the status of the custom sales receipts layouts.
- Edit or delete the custom receipts layouts as per the choice.
- Can preview the receipts layout for a quick view.
- Assign receipts to the outlet as per their need.
- Customize the receipt logo appearance like upload logo image, set logo dimensions, etc.
- Define the content for the header and footer section of the receipt.
- Change default labels for the discount, tax, credit, subtotal, cashier, change, etc.
Installation
Customers 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. 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 Magento 2 root directory.
First command – php bin/magento setup:upgrade
Second Command – php bin/magento setup:di:compile
Third Command – php bin/Magento setup:static-content:deploy
After running the commands, you have to flush the cache from the Magento admin panel by navigating through->System->Cache management as shown below.
Multi-Lingual Configuration
For Multilingual support, please navigate to Store>Configuration>General >Locale Options. And select your desired language from the Locale option.
Language Translation
For module translation, navigate to the following path in your system app/code/Webkul/PosCustomReceipt/i18n/en_US.csv. Open the file named en_US.CSV for editing as shown in the below screenshot.
Then replace the words after the comma(,) on the right in the file with your translated words.
After editing and translating the CSV file, you need to save the translated file name according to your region language and country code such as – de_DE.CSV. Followed by uploading the translated file to the same folder from where you have obtained it. Now your module translation is complete.
Manage POS Receipts
After installing the module, the admin can have a new menu option POS Receipt under the main POS menu section. To display it, the admin first needs to enable the same. To do so, navigate through Stores->Configuration->POS Receipt.
Here, the admin will enable it first and then it will be visible as per the snapshot below.
For this, the admin will navigate to POS -> POS Receipt -> Manage Receipt as shown below.
Clicking the Manage Receipt option will navigate the admin to the receipts list page.
Here, the admin can:
- View the complete list of the existing receipts.
- Change status of the receipts by selecting Enable/Disable option from the Action drop-down list.
- Delete the existing receipts by selecting the Delete option from the Action drop-down list.
- Edit the existing receipts by clicking the Edit link.
- Preview the existing receipts to have a quick view.
- Add new receipts by clicking the Add Receipt button.
Add New Receipt:
Clicking the Add Receipt button will navigate the admin to the Add New Receipt page as shown below.
Here, the admin can:
General Settings-
- Status: Enable or Disable the logo status.
- Title: Set the receipt name.
- Display Fields: Enable the fields which will be visible on the receipt. Else, disable them.
- Change Label Names: Set the names of the fields which will be visible on the receipt. Else, the default name will be used for receipt fields.
Receipt Logo-
- Display Logo: Enable it to display the logo on the receipt. Else, disable it.
- Receipt Logo: Upload the logo image.
- Logo Width: Set the logo width as per which the logo will be displayed on the receipt.
- Logo Height: Set the logo height as per which the logo will be displayed on the receipt.
- Logo Alt: Define the logo alt text.
Header Content-
Define the content for the receipt which will be visible on the header section of the receipt. The admin can even add the images in the content.
Footer Content-
Define the content for the receipt which will be visible on the footer section of the receipt. The admin can even add the images to the content.
And, lastly hit the Save Configuration button to save the configuration successfully.
After creating the receipt template, the admin can preview it by clicking the Preview link.
Assign Receipt To Outlets
The admin will assign the receipts to the outlets. For this, the admin will navigate to POS-> Add/Manage Outlet as shown below.
Clicking the Add/Manage Outlet option will navigate the admin to the outlet list page.
From the outlet list, the admin will select the outlet for which the admin wants to assign the receipt by clicking the Edit link. This will navigate the admin to the Outlet Edit page.
Under the Outlet Information section, the admin select the Manage Receipt menu section –
- Select Receipt: The admin will select the receipt from the drop-down list and assign it to the outlet.
And, lastly hit the Save Outlet button to save the configuration successfully.
POS Receipts
Now at the front end, the cashier/agent place orders.
And, after placing the orders will get the custom POS receipts.
The cashier/agent can download these custom receipts by clicking the Print Invoice button.
That’s all for Magento 2 Point of Sale Custom Receipt module.
However, in case of any query or questions regarding the Magento 2 Extensions, you can create a ticket at webkul.uvdesk.com or contact us at store.webkul.com/contacts/ to let us know your views to make the plugin better.