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 Now

Signature fieldtype for EE. Great for Channel Forms!

PREREQUISITES

PHP 8.1+ ExpressionEngine 6.0+

INSTALLATION

  1. Copy entire autograph folder to your system/user/addons folder.
  2. Copy entire autograph theme folder to your themes/user folder.
  3. On your EE backend, navigate to Developer > Addons (yoursite.com/admin.php?/cp/addons).
  4. Scroll to Third Party Add-Ons.
  5. Find Autograph and click Install.

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].