{"id":163801,"date":"2022-10-28T03:36:25","date_gmt":"2022-10-28T03:36:25","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/digital-signature-checkout-for-woocommerce\/"},"modified":"2026-06-29T09:38:55","modified_gmt":"2026-06-29T09:38:55","slug":"digital-signature-checkout-for-woocommerce","status":"publish","type":"plugin","link":"https:\/\/ca.wordpress.org\/plugins\/digital-signature-checkout-for-woocommerce\/","author":20419894,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0","stable_tag":"trunk","tested":"7.0.2","requires":"5.5","requires_php":"7.4","requires_plugins":null,"header_name":"Digital Signature Checkout For Woocommerce","header_author":"","header_description":"This plugin allows add signature field in checkout page.","assets_banners_color":"8a80a8","last_updated":"2026-06-29 09:38:55","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":5,"author_block_rating":0,"active_installs":200,"downloads":3427,"num_ratings":4,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.0":"<p>Initial release. Install today to start collecting legally meaningful digital e-signatures from your WooCommerce customers at checkout \u2014 no third-party service required.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":4},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2816402,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2816402,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3423514,"resolution":"1544x500","location":"assets","locale":"","width":800,"height":259},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3423514,"resolution":"772x250","location":"assets","locale":"","width":800,"height":259}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3423514,"resolution":"1","location":"assets","locale":"","width":1345,"height":889},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2806219,"resolution":"2","location":"assets","locale":"","width":1600,"height":1812},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2806219,"resolution":"3","location":"assets","locale":"","width":1600,"height":1438}},"screenshots":{"1":"Style Settings tab \u2014 width, height, colors, positions","2":"Translation Settings tab \u2014 heading, clear button, validation message","3":"Signature pad on the WooCommerce Block Checkout page","4":"Order received \/ thank-you page with captured signature","5":"WooCommerce admin order edit page with signature alongside billing address"}},"plugin_section":[],"plugin_tags":[269402,269403,206473,269404,269401],"plugin_category":[],"plugin_contributors":[256981],"plugin_business_model":[],"class_list":["post-163801","plugin","type-plugin","status-publish","hentry","plugin_tags-e-signature-checkout","plugin_tags-electronic-signature-woocommerce","plugin_tags-signature-pad","plugin_tags-woocommerce-checkout-signature","plugin_tags-woocommerce-digital-signature","plugin_contributors-howdytheme","plugin_committers-howdytheme"],"banners":{"banner":"https:\/\/ps.w.org\/digital-signature-checkout-for-woocommerce\/assets\/banner-772x250.png?rev=3423514","banner_2x":"https:\/\/ps.w.org\/digital-signature-checkout-for-woocommerce\/assets\/banner-1544x500.png?rev=3423514","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/digital-signature-checkout-for-woocommerce\/assets\/icon-128x128.png?rev=2816402","icon_2x":"https:\/\/ps.w.org\/digital-signature-checkout-for-woocommerce\/assets\/icon-256x256.png?rev=2816402","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/digital-signature-checkout-for-woocommerce\/assets\/screenshot-1.png?rev=3423514","caption":"Style Settings tab \u2014 width, height, colors, positions"},{"src":"https:\/\/ps.w.org\/digital-signature-checkout-for-woocommerce\/assets\/screenshot-2.png?rev=2806219","caption":"Translation Settings tab \u2014 heading, clear button, validation message"},{"src":"https:\/\/ps.w.org\/digital-signature-checkout-for-woocommerce\/assets\/screenshot-3.png?rev=2806219","caption":"Signature pad on the WooCommerce Block Checkout page"}],"raw_content":"<!--section=description-->\n<p><strong>Digital Signature Checkout For WooCommerce<\/strong> 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 \u2014 giving your store a legally meaningful, auditable record of customer consent, agreement, or acceptance at the exact moment of purchase.<\/p>\n\n<p>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).<\/p>\n\n<blockquote>\n  <p><strong>Requires WooCommerce<\/strong> to be installed and activated.<\/p>\n<\/blockquote>\n\n<p><a href=\"https:\/\/topsmodule.com\/how-to-create-digital-signature-checkout-for-woocommerce\/\">\ud83d\udcc4 Documentation<\/a> | <a href=\"https:\/\/topsmodule.com\/task\/digital-signature-checkout-for-woocommerce\/\">\ud83d\udd34 Live Demo<\/a> | <a href=\"https:\/\/topsmodule.com\/product\/digital-signature-checkout-for-woocommerce\/\">\u2b50 Upgrade to Pro<\/a><\/p>\n\n\n\n<h4>Why Add a Digital Signature Field to WooCommerce Checkout?<\/h4>\n\n<p>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 \u2014 the signature is collected, saved to the order, and displayed wherever you need it, all without leaving your site.<\/p>\n\n<p>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.<\/p>\n\n<h4>Use Cases<\/h4>\n\n<ul>\n<li><strong>Service Businesses<\/strong> \u2014 Collect customer consent or terms acceptance at the point of booking or purchase<\/li>\n<li><strong>Healthcare &amp; Wellness<\/strong> \u2014 Capture patient or client agreement sign-offs before order fulfillment<\/li>\n<li><strong>Legal &amp; Professional Services<\/strong> \u2014 Require formal acknowledgment from clients before processing<\/li>\n<li><strong>Rental &amp; Hire Stores<\/strong> \u2014 Have customers sign terms before equipment is dispatched<\/li>\n<li><strong>Age-Restricted Products<\/strong> \u2014 Add a signature step to confirm customer eligibility<\/li>\n<li><strong>Delivery &amp; Logistics<\/strong> \u2014 Capture proof of customer authorization at checkout<\/li>\n<li><strong>International \/ Regulated Markets<\/strong> \u2014 Meet legal signature requirements in countries that mandate written consent at point of sale<\/li>\n<\/ul>\n\n\n\n<h4>Free Version Features<\/h4>\n\n<ul>\n<li>\u2705 <strong>Signature Pad on WooCommerce Checkout<\/strong> \u2014 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).<\/li>\n<li>\u2705 <strong>Mouse &amp; Touch \/ Stylus Support<\/strong> \u2014 Customers can draw their signature using a mouse on desktop, or their finger or stylus on any smartphone or tablet.<\/li>\n<li>\u2705 <strong>Customizable Canvas Width &amp; Height<\/strong> \u2014 Set the exact pixel dimensions of the signature pad to fit your checkout page layout.<\/li>\n<li>\u2705 <strong>Custom Background Color<\/strong> \u2014 Choose a custom background color for the signature canvas so it blends naturally with your store's design.<\/li>\n<li>\u2705 <strong>Custom Pen \/ Ink Color<\/strong> \u2014 Set the ink color customers draw with so signatures are legible and match your brand palette.<\/li>\n<li>\u2705 <strong>Flexible Position on Checkout Page<\/strong> \u2014 Choose whether the signature field appears <strong>Before Billing Details<\/strong> or <strong>After Billing Details<\/strong> on the checkout page.<\/li>\n<li>\u2705 <strong>Flexible Position on Order Page<\/strong> \u2014 Control where the saved signature is shown on the WooCommerce order detail page \u2014 either <strong>Inside the Order Details Table<\/strong> or <strong>After the Customer Address<\/strong> section.<\/li>\n<li>\u2705 <strong>Signature Saved to Order<\/strong> \u2014 Every completed signature is stored as an image file and attached to the WooCommerce order record in the WordPress media library.<\/li>\n<li>\u2705 <strong>Signature Displayed in WooCommerce Admin<\/strong> \u2014 The captured signature image is shown on the WooCommerce order page in the WordPress admin panel, alongside the billing address.<\/li>\n<li>\u2705 <strong>Signature Displayed on Customer Order Page<\/strong> \u2014 Customers can view their submitted signature on their order detail page within My Account.<\/li>\n<li>\u2705 <strong>Signature Displayed on Thank-You Page<\/strong> \u2014 The signature is shown on the order received \/ thank-you page immediately after checkout is completed.<\/li>\n<li>\u2705 <strong>Signature Sent in Order Confirmation Email<\/strong> \u2014 The captured signature image is automatically embedded in WooCommerce order confirmation emails sent to both the customer and the store admin.<\/li>\n<\/ul>\n\n\n\n<h4>\u2b50 Pro Version Features<\/h4>\n\n<p>The following features are available exclusively in the <strong>Pro version<\/strong> of Digital Signature Checkout For WooCommerce:<\/p>\n\n<p><strong>1. Required Signature Field<\/strong>\nMake 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.<\/p>\n\n<p><strong>2. Per-Product Signature Control<\/strong>\nEnable 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 \u2014 and be validated \u2014 only when one of those products is in the customer's cart. All other orders skip the signature step entirely.<\/p>\n\n<p><strong>3. Translation &amp; Text Label Customization<\/strong>\nCustomize 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:<\/p>\n\n<ul>\n<li><strong>\"Draw Signature\"<\/strong> heading \u2014 the title shown above the signature canvas<\/li>\n<li><strong>\"Clear\"<\/strong> button label \u2014 the button that resets the canvas<\/li>\n<li><strong>Validation message<\/strong> \u2014 the error text shown when the signature field is required but left empty (e.g., \"Please draw your signature.\")<\/li>\n<\/ul>\n\n<p><a href=\"https:\/\/topsmodule.com\/product\/digital-signature-checkout-for-woocommerce\/\">\ud83d\udc49 Upgrade to Pro Version \u2192<\/a><\/p>\n\n\n\n<h4>How It Works<\/h4>\n\n<ol>\n<li>Install and activate the plugin (WooCommerce must already be active).<\/li>\n<li>Go to <strong>Digital Signature<\/strong> in your WordPress admin sidebar.<\/li>\n<li>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.<\/li>\n<li>Save your settings. The signature pad immediately appears on your WooCommerce checkout page.<\/li>\n<li>When a customer checks out, they draw their signature directly on the canvas.<\/li>\n<li>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.<\/li>\n<\/ol>\n\n<!--section=installation-->\n<p><strong>From the WordPress Plugin Directory (recommended)<\/strong><\/p>\n\n<ol>\n<li>Make sure <strong>WooCommerce<\/strong> is installed and activated on your WordPress site.<\/li>\n<li>Go to <strong>Plugins \u2192 Add New<\/strong> in your WordPress dashboard.<\/li>\n<li>Search for <strong>\"Digital Signature Checkout For WooCommerce\"<\/strong> and click <strong>Install Now<\/strong>.<\/li>\n<li>Click <strong>Activate<\/strong> after installation is complete.<\/li>\n<li>Navigate to <strong>Digital Signature<\/strong> in the admin sidebar and configure your settings.<\/li>\n<li>Save your settings \u2014 the signature pad will now appear on your WooCommerce checkout page.<\/li>\n<\/ol>\n\n<p><strong>Manual Installation (ZIP upload)<\/strong><\/p>\n\n<ol>\n<li>Download the plugin ZIP file.<\/li>\n<li>Go to <strong>Plugins \u2192 Add New \u2192 Upload Plugin<\/strong>.<\/li>\n<li>Choose the downloaded ZIP file and click <strong>Install Now<\/strong>.<\/li>\n<li>Activate the plugin from the Plugins page.<\/li>\n<li>Configure settings from <strong>Digital Signature<\/strong> in the admin sidebar.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20plugin%20require%20woocommerce%3F\"><h3>Does this plugin require WooCommerce?<\/h3><\/dt>\n<dd><p>Yes. WooCommerce must be installed and activated on your WordPress site for this plugin to work.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20the%20new%20woocommerce%20block%20checkout%20%28gutenberg%20%2F%20fse%29%3F\"><h3>Does it work with the new WooCommerce Block Checkout (Gutenberg \/ FSE)?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"where%20is%20the%20signature%20stored%20after%20an%20order%20is%20placed%3F\"><h3>Where is the signature stored after an order is placed?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"can%20i%20display%20the%20signature%20in%20woocommerce%20order%20confirmation%20emails%3F\"><h3>Can I display the signature in WooCommerce order confirmation emails?<\/h3><\/dt>\n<dd><p>Yes. The plugin automatically embeds the captured signature image in WooCommerce order emails. No configuration is needed.<\/p><\/dd>\n<dt id=\"can%20i%20make%20the%20signature%20field%20required%3F\"><h3>Can I make the signature field required?<\/h3><\/dt>\n<dd><p>Making the signature field required is a <strong>Pro feature<\/strong>. In the free version the field is optional and customers can check out without signing. <a href=\"https:\/\/topsmodule.com\/product\/digital-signature-checkout-for-woocommerce\/\">Upgrade to Pro \u2192<\/a><\/p><\/dd>\n<dt id=\"can%20i%20show%20the%20signature%20pad%20only%20for%20specific%20products%3F\"><h3>Can I show the signature pad only for specific products?<\/h3><\/dt>\n<dd><p>Per-product control is a <strong>Pro feature<\/strong>. In the free version the signature pad is shown on every checkout. <a href=\"https:\/\/topsmodule.com\/product\/digital-signature-checkout-for-woocommerce\/\">Upgrade to Pro \u2192<\/a><\/p><\/dd>\n<dt id=\"can%20i%20translate%20or%20customize%20the%20text%20labels%20on%20the%20signature%20field%3F\"><h3>Can I translate or customize the text labels on the signature field?<\/h3><\/dt>\n<dd><p>Full text label customization (the heading, the Clear button, and the validation message) is a <strong>Pro feature<\/strong>. <a href=\"https:\/\/topsmodule.com\/product\/digital-signature-checkout-for-woocommerce\/\">Upgrade to Pro \u2192<\/a><\/p><\/dd>\n<dt id=\"can%20i%20change%20the%20size%20and%20colors%20of%20the%20signature%20pad%3F\"><h3>Can I change the size and colors of the signature pad?<\/h3><\/dt>\n<dd><p>Yes \u2014 canvas width, canvas height, background color, and pen\/ink color are all available in the free version under the <strong>Digital Signature \u2192 Style Settings<\/strong> tab in your WordPress admin.<\/p><\/dd>\n<dt id=\"does%20the%20signature%20pad%20work%20on%20mobile%20and%20tablet%3F\"><h3>Does the signature pad work on mobile and tablet?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"is%20the%20plugin%20secure%3F\"><h3>Is the plugin secure?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"does%20the%20plugin%20slow%20down%20my%20store%3F\"><h3>Does the plugin slow down my store?<\/h3><\/dt>\n<dd><p>No. Scripts and stylesheets are loaded only on the WooCommerce checkout page. The plugin adds no overhead to any other page on your site.<\/p><\/dd>\n<dt id=\"where%20can%20i%20find%20documentation%20and%20support%3F\"><h3>Where can I find documentation and support?<\/h3><\/dt>\n<dd><p>Full setup documentation is available at <a href=\"https:\/\/topsmodule.com\/how-to-create-digital-signature-checkout-for-woocommerce\/\">topsmodule.com<\/a>. For support, use the WordPress.org plugin support forum.<\/p>\n\n<\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0<\/h4>\n\n<ul>\n<li>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.<\/li>\n<\/ul>","raw_excerpt":"Add a smooth digital signature pad to your WooCommerce checkout page. Capture legally meaningful e-signatures from customers before they place an orde &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/163801","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=163801"}],"author":[{"embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/howdytheme"}],"wp:attachment":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=163801"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=163801"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=163801"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=163801"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=163801"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=163801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}