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 as an image.

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 cover Autograph 1.x

Autograph 2 is out, with signatures as files, a responsive pad, Grid and Fluid. Its upgrade guide explains how a 1.x site moves across without changing its templates.

What's in the box

A pad in every Channel Form

The field draws its own canvas, Undo and Clear buttons. No JavaScript to write.

Sized and coloured per field

Set the canvas width, height and pen colour for each field.

Sign in the control panel, or don't

Let editors sign on the publish form, or show the signature read-only so only visitors can provide it.

Template tags

Output the signature as an image, or take its data URL and dimensions for your own markup.

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 on a channel.
3. Channel Forms: put the field in front of visitors.
4. Displaying signatures: show what was signed.