by tameroski
4.6 (36 reviews)
Contact Form 7 Signature Addon
Easily add an handwritten signature field to Contact Form 7
Tested up to WP 5.2.24 (Current: 7.0.1)
v4.2.2
Current Version v4.2.2
Updated 6 years ago
Last Update on 19 Aug, 2019
Refreshed 11 hours ago
Last Refreshed on
Rank
#2,898
+2 this week
Active Installs
6K+
—
No change
KW Avg Position
46
—
No change
Downloads
80.4K
+7 today
Support Resolved
0%
—
No change
Rating
92%
Review 4.6 out of 5
4.6
(36 reviews)
Next Milestone 7K
6K+
7K+
143
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
Need 452 more installs to reach 7K+
Rank Changes
Current
#2,898
Change
Best
#
Downloads Growth
Downloads
Growth
Peak
Upgrade to Pro
Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.
Upgrade NowReviews & Ratings
4.6
36 reviews
Overall
92%
5
30
(83%)
4
1
(3%)
3
3
(8%)
2
0
(0%)
1
2
(6%)
Tracked Keywords
Showing 1 of 1| Keyword | Position | Change | Type | Updated |
|---|---|---|---|---|
| contactform7 | 46 | — | Tag | 23 hours ago |
Unlock Keyword Analytics
Track keyword rankings, search positions, and discover new ranking opportunities with a Pro subscription.
- Full keyword position tracking
- Historical ranking data
- Competitor keyword analysis
Track This Plugin
Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.
Start Tracking FreePlugin Details
- Version
- 4.2.2
- Last Updated
- Aug 19, 2019
- Requires WP
- 3.9+
- Tested Up To
- 5.2.24
- PHP Version
- N/A
- Author
- tameroski
Support & Rating
- Rating
- ★ ★ ★ ★ ★ 4.6
- Reviews
- 36
- Support Threads
- 0
- Resolved
- 0%
Keywords
Upgrade to Pro
Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.
Upgrade NowSimilar Plugins
Adminify – White Label, Admin Menu Editor, Login Customizer
7K+ installs
#2,739
Master Addons For Elementor – Widgets, Extensions, Theme Builder, Popup Builder & Template Kits
30K+ installs
#989
Contact Form 7
10M+ installs
#3
WPForms – AI Form Builder for WordPress – Contact Forms, Payment Forms, Survey Form, Quiz & More
5M+ installs
#9
Jetpack – WP Security, Backup, Speed, & Growth
3M+ installs
#18
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.