Meet Autograph

Autograph is a signature fieldtype for ExpressionEngine. Add an Autograph field to a channel and it becomes a signing pad: visitors draw their signature with a mouse, a finger or a stylus, and the signature is saved with the entry, or as an image in an upload directory.

It's made for Channel Forms. A Channel Form that includes an Autograph field shows the pad with no extra template work, and the signature is saved with the rest of the entry.

These docs are for Autograph 2

Still on 1.x? Choose 1.x in the version picker for its docs, and read the upgrade guide before updating.

What's in the box

A pad in every form

Channel Forms, member forms, Grid and Fluid. The field draws its own pad, Undo and Clear. No JavaScript to write.

A pad that fits the page

Responsive width, sharp on high-resolution screens, with your pen, background and placeholder.

In the entry, or as files

Keep signatures in the entry, or save them as PNGs in an upload directory, including S3.

Template tags

The signature as an image, its URL, its file, and when it was signed.

A JavaScript API

Clear, undo, disable or read a pad from your own scripts, and listen for its events.

Checked on the server

Every signature is decoded and checked before it's kept, and editors can open or remove one.

Where to start

Autograph is available from the ExpressionEngine add-on store.

1. Installation: where to get Autograph, its requirements, and the two folders to copy.
2. Field settings: create an Autograph field.
3. Channel Forms: put the field in front of visitors.
4. Displaying signatures: show what was signed.