Digital Signature Checkout For WooCommerce

Descripción

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.”)

👉 Upgrade to Pro Version

How It Works

  1. Install and activate the plugin (WooCommerce must already be active).
  2. Go to Digital Signature in your WordPress admin sidebar.
  3. 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.
  4. Save your settings. The signature pad immediately appears on your WooCommerce checkout page.
  5. When a customer checks out, they draw their signature directly on the canvas.
  6. 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.

Capturas

Instalación

From the WordPress Plugin Directory (recommended)

  1. Make sure WooCommerce is installed and activated on your WordPress site.
  2. Go to Plugins Add New in your WordPress dashboard.
  3. Search for “Digital Signature Checkout For WooCommerce” and click Install Now.
  4. Click Activate after installation is complete.
  5. Navigate to Digital Signature in the admin sidebar and configure your settings.
  6. Save your settings — the signature pad will now appear on your WooCommerce checkout page.

Manual Installation (ZIP upload)

  1. Download the plugin ZIP file.
  2. Go to Plugins Add New Upload Plugin.
  3. Choose the downloaded ZIP file and click Install Now.
  4. Activate the plugin from the Plugins page.
  5. Configure settings from Digital Signature in the admin sidebar.

Preguntas frecuentes

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.

Reseñas

14 de Marzo de 2024
Really love this – please keep it updated! Would hate to see another good simple and useful plugin fade away.
29 de Febrero de 2024
Plugin works well and the developer helped to modify it for a rather unique usage at a very good rate. While their English is not fantastic, we managed to communicate well via email and the end result was perfect.
30 de Marzo de 2023
Thanks for your work, the setup is super easy ! Would be nice to be able to change the text to another language.
Leer todas las 4 reseñas

Colaboradores y desarrolladores

“Digital Signature Checkout For WooCommerce” es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

Registro de cambios

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.