Woocommerce Order Signature

Introduction

The Woocommerce Order Signature plugin allowes you to add signature field in the woocommerce checkout page where customer can signature on checkout page and also admin can see the signature image in backend order detail page. Also we can add signature image in various emails

Features:

  • Easy to customize, setup and use.
  • Work On All Mobile Devices and browsers.
  • Compatible with WooCommerce.
  • Customer can fill their signature on checkout page.
  • Admin can see signature as image in backend order detail page.
  • You can add signature in various emails.

Installing the Plugin

  1. The installation of the plugin is just like any other plugin installation for WordPress. Login to your WordPress site and go to Plugins > Add New.
  2. At the Install Plugins Page click on Upload from the top navigation and then click on browse.
  3. Go to the location on your computer where you saved the downloaded plugin zip file and upload this zipped file. You need to unzip the file first to get the plugin zip file.
  4. Now click on Install Now.
  5. Wait until WordPress has uploaded the file. If it's done click on Activate Plugin.
  6. Now you should see a message 'Plugin activated' at the top of the window.

Signature Settings

Go to Woocommerce > Settings > Signature Tab:

Signature Settings

Enable Signature
If you want to use the signature option on your site, then you have to enable this setting.

Enable Signature Required
If you want to use the signature field is required when place the order then please enable this option.

Display On Order Detail Page
If you want to display the signature on view order page then please enable this option.

Display On New Order Email
If you want to display the signature in the new order email template then please enable this option.

Display On On-Hold Order Email
If you want to display the signature in the on-hold order email template then please enable this option.

Display On Processing Order Email
If you want to display the signature in the processing order email template then please enable this option.

Display On Completed Order Email
If you want to display the signature in the completed order email template then please enable this option.

FrontEnd Behavior

You can see the signature field display on the checkout page as seen in screenshot below:

Signature Field On Checkout Page

Customer needs to signature here and click on "Save" button to save the signature, "Clear" button to clear signature field and "Undo Last Strocke" button to undo the last change in signature field.


Frontend Order Detail Page

Customer can see his signature on frontend order detail page as seen in screenshot below:

Customer Signature on Order Detail Page

BackEnd Behavior

Admin can see the signature image display on the order detail page as seen in screenshot below:

Signature Image On Order Detail Page

Signature Admin Email

Admin can see the signature image display in the new order email template as seen in screenshot below:

Signature Image On New Order Email Template

Signature Customer Email

Customer can see the signature image display in the order on-hold, order processing and order completed email template as seen in screenshot below:

Signature Image On New Order Email Template

Need Support
 
Created: July 07, 2016
By: Serveonetech
Email: info@serveonetech.com
If you have any questions that are beyond the scope of this help file, please feel free to email me on info@serveonetech.com. Thanks so much!