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
autograph
folder to yoursystem/user/addons
folder. - Copy entire
autograph
theme folder to yourthemes/user
folder. - On your EE backend, navigate to
Developer > Addons
(yoursite.com/admin.php?/cp/addons). - Scroll to
Third Party Add-Ons
. - Find
Autograph
and 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
img
tag. - {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].