Features<\/h3>\n<\/div><\/div>\n\n\n\n\n- The customer has the option to add his signature using a mouse, pen, or any touch device.<\/li>\n\n\n\n
- The customer can see his signature on the order view page.<\/li>\n\n\n\n
- On the checkout page, the customer can change his signature multiple times before placing an order.<\/li>\n\n\n\n
- The admin can enable or disable the order signature module from the admin end module configuration.<\/li>\n\n\n\n
- The admin can configure whether the signature is required or not.<\/li>\n\n\n\n
- Customers can also view the signature on a printed PDF or downloaded invoice.<\/li>\n\n\n\n
- The admin can see the customer signature on the sales order view page.<\/li>\n\n\n\n
- The admin can check the signature status of the order in the order grid.<\/li>\n\n\n\n
- The Extension is compatible with the Hyva Theme<\/a>.<\/li>\n<\/ul>\n\n\n\n
NOTE<\/strong> : This module does not work with Multiple Address Checkout.<\/p>\n\n\n\n\nInstall an Extension from Webkul Store<\/h3>\n<\/div><\/div>\n\n\n\n#1 Download Module<\/h3>\n\n\n\n
Firstly, you need to log in to Webkul Store, go to My Account<\/strong>>My Purchased Products<\/strong> section, verify and then download and extract the contents of this zip folder on the system.<\/p>\n\n\n\n#2 Upload Folder<\/h3>\n\n\n\n
Once the module zip is extracted, follow path src>app<\/strong> and then copy the app<\/strong> folder into the Adobe Commerce<\/strong> Cloud root<\/strong> directory on the server as shown below:<\/p>\n\n\n\n![\"M2-installation-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/02\/M2-installation-1-1200x451.png\")
<\/figure>\n\n\n\n#3 Run Commands<\/h3>\n\n\n\n
After uploading the module folder, you need to run the following commands in the Magento 2 root directory:<\/p>\n\n\n\n
php bin\/magento setup:upgrade<\/pre>\n\n\n\nphp bin\/magento setup:di:compile<\/pre>\n\n\n\nphp bin\/magento setup:static-content:deploy<\/pre>\n\n\n\nphp bin\/magento indexer:reindex<\/pre>\n\n\n\nphp bin\/magento cache:flush<\/pre>\n\n\n\nConfiguration of Multi-Lingual<\/h3>\n\n\n\n
The admin will navigate through it. Store > Configuration > General ->Locale Options<\/strong>. Then, select the locale as German. (the language into which the admin wants<\/strong> to translate his store content)<\/p>\n\n\n\n![\"configuration\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/configuration.png\")
<\/a><\/figure>\n\n\n\nLanguage Translation <\/strong><\/h3>\n\n\n\nIf you need to do the module translation, please navigate the following path in your system. app\/code\/Webkul\/OrderSignature\/i18n<\/strong>. Open the file named en_US.CSV<\/strong> for editing as shown in the below screenshot.<\/p>\n\n\n\n![\"encrypt-01\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/11\/encrypt-01-1200x389.png\")
<\/figure>\n\n\n\nOnce you have opened the file for editing, replace the words after the comma(,) on the right with your translated words.<\/p>\n\n\n\n![\"screenshot_from_2023_07_31_11_47_50\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/screenshot_from_2023_07_31_11_47_50.png\")
<\/figure>\n\n\n\nAfter editing the CSV file, save it and then upload it to the same path app\/code\/Webkul\/OrderSignature\/i18n<\/strong>. The module will now get translated into your desired language. It supports both the LTR<\/strong> and RTL<\/strong> languages.<\/p>\n\n\n\n![\"decrypt-02\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/11\/decrypt-02-1200x389.png\")
<\/figure>\n\n\n\nLastly, flush the cache and re-index all by navigating through System->Cache management<\/strong>.<\/p>\n\n\n\n![\"Magento](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cache-management.png\" "\\"Magento")
<\/a><\/figure>\n<\/div>\n\n\n\nModule Configuration of Order Signature<\/h3>\n<\/div><\/div>\n\n\n\n<\/a><\/h3>\n\n\n\nThe admin will navigate through Stores>Configuration>Order Signature<\/strong> to make a general configuration of the order signature for Magento 2.<\/p>\n\n\n\n![\"Magento](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/magento-modules-demo4-demo.webkul.com_admin_admin_system_config_edit_section_order_signature_key_682f6bb31e72c647d4e0d9902e462f3d70875541c95bce874160b3694f65fd74_webkul-store.png\")
<\/figure>\n\n\n\nEnable:<\/strong> The admin can set the module status to Yes or No.<\/p>\n\n\n\nIs Signature Required?: <\/strong>The admin can select Yes or No to determine whether the signature is required for the customer.<\/p>\n\n\n\n\nOrder Signature for Customer-Product View Page<\/h3>\n<\/div><\/div>\n\n\n\n
The customer needs to log in to the account, select the product, and then add it to the cart.<\/p>\n\n\n\n![\"Magento](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/magento-modules-demo4-demo.webkul.com_joust-duffle-bag.html_optionscartwebkul-store.png\")
<\/figure>\n\n\n\nAfter clicking on the cart option, the customer needs to select the Proceed to Checkout<\/strong> option.<\/p>\n\n\n\n![\"Magento](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/magento-modules-demo4-demo.webkul.com_checkout_cart_webkul-store.png\")
<\/figure>\n\n\n\nNow, before placing an order, customers need to sign it, and they can also reset the signature multiple times.<\/p>\n\n\n\n![\"Magento](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/magento-modules-demo4-demo.webkul.com_checkout_webkul-store.png\")
<\/figure>\n\n\n\nIf the signature is required and the customer proceeds to place an order without signing, then the Attention<\/strong> popup will occur.<\/p>\n\n\n\n![\"Magento](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/magento-modules-demo4-demo.webkul.com_checkout_webkul-store-1.png\")
<\/figure>\n\n\n\nAfter a signature, customers need to click on the “Done<\/strong>” tab to place an order. An Order Signature is a Magento 2 security<\/a> that helps to prevent fraud by adding a unique identifier to each order.<\/p>\n\n\n\n![\"magento-modules-demo4-demo.webkul.com_checkout_webkul-store-2\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/magento-modules-demo4-demo.webkul.com_checkout_webkul-store-2.png\")
<\/figure>\n\n\n\nNote: <\/strong>Until the customers do not order, they can reset the signature multiple times.<\/p>\n\n\n\n![\"Magento](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/magento-modules-demo4-demo.webkul.com_checkout_webkul-store-3.png\")
<\/figure>\n\n\n\nNow, after placing an order, customers can view the order number for their purchase.<\/p>\n\n\n\n![\"Magento](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/magento-modules-demo4-demo.webkul.com_checkout_onepage_success_webkul-store.png\")
<\/figure>\n\n\n\n\nOrder Signature for Customer- Order View Page<\/h3>\n<\/div><\/div>\n\n\n\n
Customers can click on an order number to check the details of their orders and their signatures.<\/p>\n\n\n\n![\"magento-modules-demo4-demo.webkul.com_sales_order_view_order_id_11_webkul-store-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/magento-modules-demo4-demo.webkul.com_sales_order_view_order_id_11_webkul-store-1.png\")
<\/figure>\n\n\n\nCustomers can also view the signature on printed PDFs and downloaded Magento 2 invoices PDF<\/a> for their orders by clicking on Print Order<\/strong>.<\/p>\n\n\n\n![\"Magento](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/Screenshot-from-2023-07-31-10-58-53.png\")
<\/figure>\n\n\n\n\nOrder Signature for Admin-Order View Page<\/h3>\n<\/div><\/div>\n\n\n\n
Now the admin will click on Sales>Orders<\/strong>, check the order ID and signature status, and then click on the View tab.<\/p>\n\n\n\n![\"Magento](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/magento-modules-demo4-demo.webkul.com_admin_sales_order_index_key_0416f4cee6756187093ccff3d2e991a3eea8ce7f287b428466aae8150e274433_webkul-store.png\")
<\/figure>\n\n\n\nHere, the admin can view the signature and all details of the order purchased by the customer.<\/p>\n\n\n\n![\"Magento](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/magento-modules-demo4-demo.webkul.com_admin_sales_order_view_order_id_11_key_5147a822fccc0e22bf63af0b57634bff709c9cb7af80581cb2d36aa1e986b099_webkul-store.png\")
<\/figure>\n\n\n\n\nSupport<\/h3>\n<\/div><\/div>\n\n\n\n
That is all about the Magento 2 Order Signature Extension<\/a><\/strong>. If you have any queries regarding the plugin, please contact us at Webkul Support System<\/strong><\/a>.<\/strong><\/p>\n\n\n\nYou can also check out our complete Magento 2 extensions<\/strong><\/a>. Moreover, if you are looking to create a custom e-commerce website, it is a great idea to hire Magento developers <\/a>who can help you build a powerful and scalable online store.<\/p>\n","protected":false},"excerpt":{"rendered":"
NOTE<\/strong> : This module does not work with Multiple Address Checkout.<\/p>\n\n\n\n Firstly, you need to log in to Webkul Store, go to My Account<\/strong>>My Purchased Products<\/strong> section, verify and then download and extract the contents of this zip folder on the system.<\/p>\n\n\n\n Once the module zip is extracted, follow path src>app<\/strong> and then copy the app<\/strong> folder into the Adobe Commerce<\/strong> Cloud root<\/strong> directory on the server as shown below:<\/p>\n\n\n\n After uploading the module folder, you need to run the following commands in the Magento 2 root directory:<\/p>\n\n\n\n The admin will navigate through it. Store > Configuration > General ->Locale Options<\/strong>. Then, select the locale as German. (the language into which the admin wants<\/strong> to translate his store content)<\/p>\n\n\n\n If you need to do the module translation, please navigate the following path in your system. app\/code\/Webkul\/OrderSignature\/i18n<\/strong>. Open the file named en_US.CSV<\/strong> for editing as shown in the below screenshot.<\/p>\n\n\n\n Once you have opened the file for editing, replace the words after the comma(,) on the right with your translated words.<\/p>\n\n\n\n After editing the CSV file, save it and then upload it to the same path app\/code\/Webkul\/OrderSignature\/i18n<\/strong>. The module will now get translated into your desired language. It supports both the LTR<\/strong> and RTL<\/strong> languages.<\/p>\n\n\n\n Lastly, flush the cache and re-index all by navigating through System->Cache management<\/strong>.<\/p>\n\n\n The admin will navigate through Stores>Configuration>Order Signature<\/strong> to make a general configuration of the order signature for Magento 2.<\/p>\n\n\n\n Enable:<\/strong> The admin can set the module status to Yes or No.<\/p>\n\n\n\n Is Signature Required?: <\/strong>The admin can select Yes or No to determine whether the signature is required for the customer.<\/p>\n\n\n\n The customer needs to log in to the account, select the product, and then add it to the cart.<\/p>\n\n\n\n After clicking on the cart option, the customer needs to select the Proceed to Checkout<\/strong> option.<\/p>\n\n\n\n Now, before placing an order, customers need to sign it, and they can also reset the signature multiple times.<\/p>\n\n\n\n If the signature is required and the customer proceeds to place an order without signing, then the Attention<\/strong> popup will occur.<\/p>\n\n\n\n After a signature, customers need to click on the “Done<\/strong>” tab to place an order. An Order Signature is a Magento 2 security<\/a> that helps to prevent fraud by adding a unique identifier to each order.<\/p>\n\n\n\n Note: <\/strong>Until the customers do not order, they can reset the signature multiple times.<\/p>\n\n\n\n Now, after placing an order, customers can view the order number for their purchase.<\/p>\n\n\n\n Customers can click on an order number to check the details of their orders and their signatures.<\/p>\n\n\n\n Customers can also view the signature on printed PDFs and downloaded Magento 2 invoices PDF<\/a> for their orders by clicking on Print Order<\/strong>.<\/p>\n\n\n\n Now the admin will click on Sales>Orders<\/strong>, check the order ID and signature status, and then click on the View tab.<\/p>\n\n\n\n Here, the admin can view the signature and all details of the order purchased by the customer.<\/p>\n\n\n\n That is all about the Magento 2 Order Signature Extension<\/a><\/strong>. If you have any queries regarding the plugin, please contact us at Webkul Support System<\/strong><\/a>.<\/strong><\/p>\n\n\n\n You can also check out our complete Magento 2 extensions<\/strong><\/a>. Moreover, if you are looking to create a custom e-commerce website, it is a great idea to hire Magento developers <\/a>who can help you build a powerful and scalable online store.<\/p>\n","protected":false},"excerpt":{"rendered":"Install an Extension from Webkul Store<\/h3>\n<\/div><\/div>\n\n\n\n
#1 Download Module<\/h3>\n\n\n\n
#2 Upload Folder<\/h3>\n\n\n\n
<\/figure>\n\n\n\n#3 Run Commands<\/h3>\n\n\n\n
php bin\/magento setup:upgrade<\/pre>\n\n\n\n
php bin\/magento setup:di:compile<\/pre>\n\n\n\n
php bin\/magento setup:static-content:deploy<\/pre>\n\n\n\n
php bin\/magento indexer:reindex<\/pre>\n\n\n\n
php bin\/magento cache:flush<\/pre>\n\n\n\n
Configuration of Multi-Lingual<\/h3>\n\n\n\n
<\/a><\/figure>\n\n\n\nLanguage Translation <\/strong><\/h3>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/a><\/figure>\n<\/div>\n\n\nModule Configuration of Order Signature<\/h3>\n<\/div><\/div>\n\n\n\n
<\/a><\/h3>\n\n\n\n
<\/figure>\n\n\n\nOrder Signature for Customer-Product View Page<\/h3>\n<\/div><\/div>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nOrder Signature for Customer- Order View Page<\/h3>\n<\/div><\/div>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\nOrder Signature for Admin-Order View Page<\/h3>\n<\/div><\/div>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\nSupport<\/h3>\n<\/div><\/div>\n\n\n\n