by tameroski 4.6 (36 reviews)

Contact Form 7 Signature Addon

Name: Contact Form 7 Signature Addon
Rating: 4.6 (36 reviews)
Author: tameroski

Easily add an handwritten signature field to Contact Form 7

Contact Form 7 Signature Addon ranks #2,877 among WordPress.org plugins with 6,000+ active installations, is #154 of 2,578 in the Contact Forms category, a 4.6/5 rating from 36 reviews, and was last updated Aug 19, 2019. Data from WordPress.org, refreshed twice daily — see methodology.

Tested up to WP 5.2 (Current: 7.1)

v4.2.2 Current Version v4.2.2

Updated 7 years ago Last Update on 19 Aug, 2019

Refreshed 14 hours ago Last Refreshed on

#154 of 2,578 in Contact Forms Top 5% by installs Downloads -14.3% this week No update in over a year

View on WordPress.org

Rank

#2,877

— No change

Active Installs

6K+

-8.6%

KW Avg Position

— No change

Downloads

79.8K

+14 today

Support Resolved

— No change

Rating

92%

Review 4.6 out of 5

4.6 (36 reviews)

Next Milestone 7K

Total Progress 54.7%

6K+ 7K+

161

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 453 more installs to reach 7K+

Rank Changes

Current #2,877

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

4.6

36 reviews

Overall 92%

30 (83%)

1 (3%)

3 (8%)

0 (0%)

2 (6%)

Security History

Source: WPVulnerability

No known vulnerabilities on record for Contact Form 7 Signature Addon. Checked 2 days ago.

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: 4.2.2
Last Updated: Aug 19, 2019
Requires WP: 3.9+
Tested Up To: 5.2
PHP Version: N/A
Author: tameroski

Support & Rating

Rating: ★ ★ ★ ★ ★ 4.6
Reviews: 36
Support Threads: 0
Resolved: 0%

Keywords

contact form contact form 7 contactform7 form forms

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

6K+ installs

#2,752

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

WPForms - AI Form Builder for WordPress - Contact Forms, Payment Forms, Survey Form, Quiz & More

5M+ installs

Jetpack - WP Security, Backup, Speed, & Growth

3M+ installs

#18

MC4WP: Mailchimp for WordPress

1M+ installs

#34

Hostinger Reach - AI-Powered Email Marketing for WordPress

Fluent Forms – Customizable Contact Forms, Survey, Quiz, & Conversational Form Builder

700K+ installs

#83

Joinchat - Enhanced "click to chat"

700K+ installs

#88

View all Contact-forms plugins

TL;DR

AI summary of the plugin's readme

This plugin is for Contact Form 7 users who want to collect a handwritten signature from visitors. It solves this by adding a new signature field type that uses a signature pad to capture and embed a handwritten signature in the submitted message.

Handwritten signature field
Signature pad input
Base64 encoded inline images
Requires Contact Form 7 4.6+
Works on modern browsers

Frequently Asked Questions

Common questions about Contact Form 7 Signature Addon

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]"/>

This is not a very good idea, but just in case this is your only solution : add a "inline" parameter to your field like this : [signature your-signature-field inline] include the image in the body of your email, like you would normally do : <img src="[your-signature-field]"/>

Width and height : [signature signature-666 333x222]

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.