Digital Signature For Contact Form 7

We live in a digital world where most processes have gone paperless — including signatures. From banking websites to government services, digital signatures are commonly used to verify identity and consent.

With WordPress, it’s easy to add a digital signature field using Contact Form 7. However, many plugins that allow digital signatures require a paid subscription. Fortunately, there’s a free way to add a basic signature field using the Contact Form 7 Signature Addon.

Sample Form Markup

Use the example below in Contact > Contact Forms:

<label> Your first name
[text* your-name]
</label>

<label> Your last name
[text* your-last-name id:15]
</label>

<label> Your Email
[email* your-email]
</label>

<label> Signature
[signature* your-signature color:#000000 backcolor:#dddddd width:300 height:200 id:10 class:custom_class]
</label>

[submit "Submit"]

Email Configuration

To: your email

Subject: New Signature Form Submission

Message Body:

New submission:

First Name: [your-name]
Last Name: [your-last-name]
Email: [your-email]
Signature: [your-signature]

FAQ

Contact Form 7 Signature Addon Not Working?

If you are using the Pro version of the plugin, and your signature fields are not working, make sure each signature field has a unique name. For example:

[signature signature_1 color:#000000 backcolor:#dddddd width:380 height:100]
[signature signature_2 color:#000000 backcolor:#dddddd width:380 height:100]

Multiple Digital Signatures Not Working in Contact Form 7?

If multiple digital signature fields are not functioning, check your browser’s console for any JavaScript (jQuery) errors. Common issues include:

• Conflicts with other plugins or scripts
• Improperly named shortcode tags (they are case-sensitive)

Double-check your form tags to ensure they are correct. If issues persist, contact plugin support or email the developer through their support page.