/ Plugin Category

/ Forms & Data Collection

/ Contact Forms

/ Contact Form 7 Signature Addon

Contact Form 7 Signature Addon

By tameroski

Forms & Data Collection / Contact Forms

Reviewed by Omar Dabbas

Trusted WordPress expert with 20+ years of experience evaluating plugins for the WP ecosystem.

Contact Form 7 Signature Addon Review - In-Depth Analysis

Easily add a handwritten signature field to Contact Form 7.

Performance Overview

WPS Score

6.93/10

User Rating

4.6/5 (based on 36+ reviews)

Active Installations

6,000+

Update Frequency

Below Average It is calculated using the weighted average of same category plugins.

Security Score

1 / 10 (Very Low Risk) It is calculated using the weighted average of all versions.

What It Does

This plugin adds a new field type to the Contact Form 7 plugin and allows users to add a handwritten signature to the message via a signature pad.

The plugin uses Szymon Nowak's great Javascript library. Version 4 is out, with a major technical refactoring of the plugin. If you are a theme developer, please review the FAQ to see what changed, especially if you were using the provided javascript functions.

It is also now possible to use Base64 encoded inline images at your own risk because of mail clients compatibility issues. This plugin requires version 4.6 or higher of the Contact Form 7 plugin. The signature pad should work on almost every modern web and mobile browser.

Please read the FAQ for details on how to set up your signature fields. You can ask for support here. This plugin is just sharing the result of something I needed once for a project, and there is nothing commercial in there.

Comparing to Alternatives

Contact Form 7 Signature Addon is a specialized plugin that integrates handwritten signature functionality into Contact Form 7 forms. It has a couple of close alternatives that offer similar features.

Top alternatives

Strengths

Seamless integration with Contact Form 7 forms.
Works well on both desktop and mobile devices.
Signature area is easily customizable with CSS for borders and backgrounds.
Signatures can be displayed in email bodies or as links.
No known security vulnerabilities reported.

Weaknesses

Lacks built-in validation for the signature canvas.
Customization options could be enhanced, such as adding WP-Color-Picker support.
No premium or advanced features available due to absence of a pro version.

User Sentiment Analysis

With a high overall rating of 4.6 out of 5 from 36 users, the plugin is well-received. Most users praise its functionality and ease of use, with very few negative reviews.

Positive highlights

"Works nicely on both desktop and mobile, easily styled with CSS." – Jan Zikmund
"Absolutely perfect for implementing handwritten signatures via signature pad." – vantje
"Good plugin, needs validation." – Darko
"Big thanks for creating this one!" – Shahar A
"Great tool, would love WP-Color-Picker support." – martinbecker

Common complaints

Weaknesses

No signature validation feature.
Limited customization options for appearance.
No pro version to access advanced features.

Who Should Use This?

Best for

Users who need a straightforward and reliable way to add handwritten signature fields to Contact Form 7 forms without extra cost or complexity.

Not ideal for

Those looking for advanced signature validation, extensive customization options, or premium support features might find this plugin lacking.

Pricing & Value

Free version includes

The free version includes all core features needed to add and customize signature fields within Contact Form 7 forms, suitable for most basic to moderate use cases.

Final Verdict

Contact Form 7 Signature Addon is a solid choice for users wanting to integrate signature capture into their Contact Form 7 forms with minimal hassle. It offers good functionality, mobile compatibility, and customization through CSS, all without any known security issues.

While it lacks advanced features like signature validation and a pro version, its ease of use and positive user feedback make it a dependable option for those with straightforward signature needs. Alternatives exist for users seeking more specialized capabilities.

Other Notable Features

Here are a few other notable features of this free Contact Form 7 Signature Addon plugin.

Contact Form

Contact Form 7

Signature Field

Screenshots

FAQ

First things first : verify that your email is sent in HTML format. In CF7, theres’s a checkbox at the bottom of each mail configuration to do that.

Then verify that the image is wrapped in an HTML image tag in your mail configuration, like this :

<img src="[your-signature-field]"/>

When building your signature field with CF7’s field generator, you have several options you can add to the field shortcode :

Width and height :

[signature signature-666 333x222]

Will tell the plugin to draw the field 333px wide and 222px tall.

ID and class :

[signature signature-666 id:foo class:bar]

Use CSS like you would do for any other field in your form.
For example, using the field wrapper, you can add a border like this :

.wpcf7-form-control-signature-body canvas{
border: 1px dotted #BADA55;
}
`

It depends on your form layout but once again, you can do this by using basic CSS instructions. The plugin will deal with window size and device orientation automatically updating itself to match the right size.

The only thing you have to do is override width and/or height styles to the field wrapper, not the canvas, like this :

@media screen and (max-width: 768px) {
.wpcf7-form-control-signature-wrap {
width:100% !important;
}
}
…
`

There are options for that in the field settings (only hex color supported for the moment) :

[signature signature-666 background:#333333 color:#FFFFFF]

The signature field needs to be “reloaded” too when its container’s size changes, but you should be aware that it will also clear its content. I assume this is your responsability to do so. The plugin provides a jQuery function that you can call from your theme’s script file :

window.onresize = function(){
$(‘div.wpcf7 > form’).wpcf7ResizeSignatures();
};
`

Sure, by using the signature pad’s available options directly like this:

[signature signature-666 dotSize:1.2 minWidth:1 maxWidth:5 throttle:0 velocityFilterWeight:0.1]

The main thing that changed is the way you can interact with the plugin. There’s now a jQuery plugin for that, and i got rid of all the old JS functions like sigFieldsResize and sigFieldsClear.

Available methods are now :

$('div.wpcf7 > form').wpcf7ResizeSignatures(); to resize fields $('div.wpcf7 > form').wpcf7ClearSignatures(); to clear fields $('div.wpcf7 > form').wpcf7InitSignatures(); to reload fields

So you only have to replace the former functions by these new ones. Don’t forget to have a look at your contact form additional settings tab, where there’s usually some code to clear the fields on submit.

First things first : verify that your email is sent in HTML format. In CF7, theres’s a checkbox at the bottom of each mail configuration to do that.

Then verify that the image is wrapped in an HTML image tag in your mail configuration, like this :

<img src="[your-signature-field]"/>

There are options for that in the field settings (only hex color supported for the moment) :

[signature signature-666 background:#333333 color:#FFFFFF]

Contributors and developers

“Contact Form 7 Signature Addon” is open source software. The following people have contributed to this plugin.

tameroski

breizhtorm

Free Version Docs

WPS

6.93

Average

Ratings

4.6 out of 5 | 36

Version

4.2.2

Last updated

7 years ago

Active installations

6,000+

WordPress version

5.2.28 or higher

PHP version

or higher

Languages

Other plugins you might like

Contact Form 7

By Rock Lobster Inc.

WPS

7.55

Very Good

4/5

2.2k+reviews

10M+

active installation

Tested with

7.1.2

WPForms – Easy Form Builder for WordPress – Contact Forms, Payment Forms, Surveys, & More

By Syed Balkhi

WPS

7.65

Very Good

4.8/5

14.4k+reviews

5M+

active installation

Tested with

7.1.2

Ninja Forms – The Contact Form Builder That Grows With You

By Kevin Stover

WPS

6.99

Average

4.4/5

1.4k+reviews

600k+

active installation

Tested with

7.1.2

Contact Form 7 Database Addon – CFDB7

By Arshid

WPS

6.98

Average

5/5

1.9k+reviews

600k+

active installation

Tested with

7.1.2

Digital Signature For Contact Form 7

By silverplugins217

WPS

6.82

Average

4.9/5

14+reviews

5k+

active installation

Tested with

7.0.6

Signature Field For Contact Form 7 – CF7Sign

By wpdebuglog

WPS

6.78

Average

3.3/5

3+reviews

700+

active installation

Tested with

6.2.13

Contact Form 7 Signature Addon Review - In-Depth Analysis

Performance Overview

What It Does

Comparing to Alternatives

User Sentiment Analysis

Who Should Use This?

Pricing & Value

Final Verdict

Other Notable Features

Screenshots

FAQ

Contributors and developers

Ratings

Reviews (36)

Sort by:

Contributors & Developers

Interested in development?

Changelog

Security Status

Secure

No Unpatched Vulnerabilities

Known Vulnerabilities (0)

Previous Versions

WPS

6.93

Other plugins you might like

Contact Form 7

WPForms – Easy Form Builder for WordPress – Contact Forms, Payment Forms, Surveys, & More

Ninja Forms – The Contact Form Builder That Grows With You

Contact Form 7 Database Addon – CFDB7

Digital Signature For Contact Form 7

Signature Field For Contact Form 7 – CF7Sign