Autograph
Autograph is the ultimate signature fieldtype add-on for ExpressionEngine, perfect for seamlessly capturing signatures directly through Channel Forms. Whether you're gathering approvals, agreements, or just need a personal touch, Autograph makes it easy to integrate digital signatures into your workflows. It's quick to set up, user-friendly, and fits right into your EE-powered forms!
Buy NowSignature fieldtype for EE. Great for Channel Forms!
PREREQUISITES
PHP 8.1+ ExpressionEngine 6.0+
INSTALLATION
- Copy entire 
autographfolder to yoursystem/user/addonsfolder. - Copy entire 
autographtheme folder to yourthemes/userfolder. - On your EE backend, navigate to 
Developer > Addons(yoursite.com/admin.php?/cp/addons). - Scroll to 
Third Party Add-Ons. - Find 
Autographand clickInstall. 
CONFIGURATION
You can use this like any ExpressionEngine fieldtype.
Once installed, the following field settings are available to you:
- Canvas Width: Width of the canvas for signing
 - Canvas Height: Height of the canvas for signing
 - Pen Color: Color of the pen for signing
 - Save in Control Panel: This is best used in Channel Forms. However, if you would like to save the signature inside of the CMS, toggle this on to trigger the signature field in the CP.
 
USAGE
CHANNEL FORM
This field is best used with the channel form. Note, there are no additional steps, besides generating the channel form according to the documentation, to get this to work with your form.
TEMPLATE TAGS
Autograph has a few tags to generate your signature in your fieldtype. For our example, we're going use the fieldtype name signature_field (remember, signature is a protected work in EE).
- {signature_field}: Generate the field data in an 
imgtag. - {signature_field:width}: Generate the width of the field.
 - {signature_field:height}: Generate the height of the field.
 - {signature_field:url}: Generate the data URL of the field.
 
SUPPORT
For any issues, please reach out to mailto:[email protected].