Descripció
Digital Signature Checkout For WooCommerce is the easiest way to collect handwritten e-signatures directly on your WooCommerce checkout page. Customers draw their signature using a mouse, finger, or stylus before completing their order — giving your store a legally meaningful, auditable record of customer consent, agreement, or acceptance at the exact moment of purchase.
No subscription fees. No redirects to external signing services. No broken checkout flows. Just a beautifully integrated digital signature canvas that works seamlessly with both the classic WooCommerce checkout and the modern WooCommerce Block Checkout (FSE/Gutenberg).
Requires WooCommerce to be installed and activated.
📄 Documentation | 🔴 Live Demo | ⭐ Upgrade to Pro
Why Add a Digital Signature Field to WooCommerce Checkout?
Businesses across many industries need customers to formally confirm consent, accept terms, or authorize an order before it is fulfilled. Sending customers to a separate e-signature platform breaks the checkout flow and can significantly increase cart abandonment. This plugin keeps everything inside your WooCommerce checkout — the signature is collected, saved to the order, and displayed wherever you need it, all without leaving your site.
Whether you need a WooCommerce e-signature for legal compliance, internal process documentation, or customer accountability, this plugin makes it effortless to set up in minutes.
Use Cases
- Service Businesses — Collect customer consent or terms acceptance at the point of booking or purchase
- Healthcare & Wellness — Capture patient or client agreement sign-offs before order fulfillment
- Legal & Professional Services — Require formal acknowledgment from clients before processing
- Rental & Hire Stores — Have customers sign terms before equipment is dispatched
- Age-Restricted Products — Add a signature step to confirm customer eligibility
- Delivery & Logistics — Capture proof of customer authorization at checkout
- International / Regulated Markets — Meet legal signature requirements in countries that mandate written consent at point of sale
Free Version Features
- ✅ Signature Pad on WooCommerce Checkout — Embeds a smooth, responsive HTML5 canvas signature pad directly on your WooCommerce checkout page. Works with both Classic Checkout and the WooCommerce Block Checkout (FSE / Gutenberg).
- ✅ Mouse & Touch / Stylus Support — Customers can draw their signature using a mouse on desktop, or their finger or stylus on any smartphone or tablet.
- ✅ Customizable Canvas Width & Height — Set the exact pixel dimensions of the signature pad to fit your checkout page layout.
- ✅ Custom Background Color — Choose a custom background color for the signature canvas so it blends naturally with your store’s design.
- ✅ Custom Pen / Ink Color — Set the ink color customers draw with so signatures are legible and match your brand palette.
- ✅ Flexible Position on Checkout Page — Choose whether the signature field appears Before Billing Details or After Billing Details on the checkout page.
- ✅ Flexible Position on Order Page — Control where the saved signature is shown on the WooCommerce order detail page — either Inside the Order Details Table or After the Customer Address section.
- ✅ Signature Saved to Order — Every completed signature is stored as an image file and attached to the WooCommerce order record in the WordPress media library.
- ✅ Signature Displayed in WooCommerce Admin — The captured signature image is shown on the WooCommerce order page in the WordPress admin panel, alongside the billing address.
- ✅ Signature Displayed on Customer Order Page — Customers can view their submitted signature on their order detail page within My Account.
- ✅ Signature Displayed on Thank-You Page — The signature is shown on the order received / thank-you page immediately after checkout is completed.
- ✅ Signature Sent in Order Confirmation Email — The captured signature image is automatically embedded in WooCommerce order confirmation emails sent to both the customer and the store admin.
⭐ Pro Version Features
The following features are available exclusively in the Pro version of Digital Signature Checkout For WooCommerce:
1. Required Signature Field
Make the digital signature field mandatory. When enabled, customers cannot place an order without first drawing their signature. A fully customizable validation error message is shown to prompt them if they try to proceed without signing.
2. Per-Product Signature Control
Enable the signature pad only for orders that contain specific products. Enter a comma-separated list of WooCommerce product IDs, and the signature field will appear — and be validated — only when one of those products is in the customer’s cart. All other orders skip the signature step entirely.
3. Translation & Text Label Customization
Customize every text string displayed in the signature field without editing code or using a separate translation plugin. Pro users can change the following labels directly from the admin panel:
- «Draw Signature» heading — the title shown above the signature canvas
- «Clear» button label — the button that resets the canvas
- Validation message — the error text shown when the signature field is required but left empty (e.g., «Please draw your signature.»)
How It Works
- Install and activate the plugin (WooCommerce must already be active).
- Go to Digital Signature in your WordPress admin sidebar.
- Configure the signature pad: set the canvas width and height, choose background and pen colors, and pick where the field appears on the checkout and order pages.
- Save your settings. The signature pad immediately appears on your WooCommerce checkout page.
- When a customer checks out, they draw their signature directly on the canvas.
- On order submission, the signature is saved as an image attached to the order and is visible in the admin order view, the customer’s My Account area, the thank-you page, and the order confirmation email.
Captures



Instal·lació
From the WordPress Plugin Directory (recommended)
- Make sure WooCommerce is installed and activated on your WordPress site.
- Go to Plugins Add New in your WordPress dashboard.
- Search for «Digital Signature Checkout For WooCommerce» and click Install Now.
- Click Activate after installation is complete.
- Navigate to Digital Signature in the admin sidebar and configure your settings.
- Save your settings — the signature pad will now appear on your WooCommerce checkout page.
Manual Installation (ZIP upload)
- Download the plugin ZIP file.
- Go to Plugins Add New Upload Plugin.
- Choose the downloaded ZIP file and click Install Now.
- Activate the plugin from the Plugins page.
- Configure settings from Digital Signature in the admin sidebar.
PMF
-
Does this plugin require WooCommerce?
-
Yes. WooCommerce must be installed and activated on your WordPress site for this plugin to work.
-
Does it work with the new WooCommerce Block Checkout (Gutenberg / FSE)?
-
Yes. The plugin includes a dedicated WooCommerce Blocks integration and works correctly with both the classic WooCommerce checkout template and the modern block-based checkout.
-
Where is the signature stored after an order is placed?
-
The signature is captured as a base64-encoded PNG image on the browser, transmitted securely on form submission, and saved as a JPEG image file in your WordPress media library. The image ID is stored as order meta and is used to display the signature on the order page, the thank-you page, and in emails.
-
Can I display the signature in WooCommerce order confirmation emails?
-
Yes. The plugin automatically embeds the captured signature image in WooCommerce order emails. No configuration is needed.
-
Can I make the signature field required?
-
Making the signature field required is a Pro feature. In the free version the field is optional and customers can check out without signing. Upgrade to Pro
-
Can I show the signature pad only for specific products?
-
Per-product control is a Pro feature. In the free version the signature pad is shown on every checkout. Upgrade to Pro
-
Can I translate or customize the text labels on the signature field?
-
Full text label customization (the heading, the Clear button, and the validation message) is a Pro feature. Upgrade to Pro
-
Can I change the size and colors of the signature pad?
-
Yes — canvas width, canvas height, background color, and pen/ink color are all available in the free version under the Digital Signature Style Settings tab in your WordPress admin.
-
Does the signature pad work on mobile and tablet?
-
Yes. The signature canvas is fully touch-compatible. Customers can draw their signature with a finger or a stylus on any touchscreen device, including smartphones and tablets.
-
Is the plugin secure?
-
Yes. All form submissions are protected with WordPress nonce verification to prevent CSRF attacks. Signature data is sanitized before being stored. The plugin follows WordPress coding standards and security best practices.
-
Does the plugin slow down my store?
-
No. Scripts and stylesheets are loaded only on the WooCommerce checkout page. The plugin adds no overhead to any other page on your site.
-
Where can I find documentation and support?
-
Full setup documentation is available at topsmodule.com. For support, use the WordPress.org plugin support forum.
Ressenyes
Col·laboradors i desenvolupadors
«Digital Signature Checkout For WooCommerce» és programari de codi obert. La següent gent ha col·laborat en aquesta extensió.
Col·laboradorsTraduïu «Digital Signature Checkout For WooCommerce» a la vostra llengua.
Interessats en el desenvolupament?
Navegueu pel codi, baixeu-vos el repositori SVN, o subscriviu-vos al registre de desenvolupament per fisl de subscripció RSS.
Registre de canvis
1.0
- Initial release. Add a fully customizable digital e-signature pad to your WooCommerce checkout. Features include: HTML5 canvas signature field, adjustable canvas size and colors, flexible positioning on checkout and order pages, signature saved to order as a media attachment, signature shown in admin order view and customer My Account, signature displayed on thank-you page, and signature embedded in WooCommerce order confirmation emails. Compatible with Classic Checkout and WooCommerce Block Checkout.
