How to Install and Use the Signature Addon in WPForms

Would you like to let users add their signatures to your forms? Whether you need users to sign a contract, petition, or any other form, you can easily add a field for this with our Signature addon.

In this tutorial, we’ll show you how to use the Signature addon for WPForms.

  1. Using the Signature Addon with WPForms
  2. Customizing the Signature Field
  3. Viewing Signatures in Notification Emails and Entries
  4. Frequently Asked Questions

Requirements: You will need a Pro license level or higher to access the Signature addon.


Before you get started, make sure you’ve installed and activated WPForms on your WordPress site.

Then you can install and activate the Signature addon. For more details, see our step-by-step guide on how to install addons in WPForms.

1. Adding a Signature Field to Your Form

With the Signature addon activated on your site, create a new form or edit an existing one. The Signature field will be listed under the Fancy Fields section on the left side of the form builder.

The Signature field in the WPForms form builder

To add this field to your form, you can click on it or drag and drop it into the preview area.

2. Customizing the Signature Field

Clicking on the Signature field in the preview area will open its field options, where you can edit its label and description.

The field options for the Signature field

You can also customize your Signature field’s “ink” color in the Advanced tab of the Field Options panel. Click on this option to open the color picker or enter the HEX code for the color you want to use.

Choosing the ink color for the Signature field

When you’re happy with your form, click the Save button in the top right corner of the builder.

Saving a form

3. Viewing Signatures in Notification Emails and Entries

If you haven’t already, the next step is to embed your form on your site.

Once the form is embedded, you’ll be able to test out the Signature field. You can simply click and drag your cursor to sign your form.

Using the Signature field

Note: Want more guidance on testing your forms before you publish them? See our pre-launch checklist for details.

There are two ways to view signatures that have been submitted via one of your forms: in a notification email or in your form entries.

Viewing Signatures in Notification Emails

When entry data is sent in a notification email or saved to your site’s database, the signature will be saved as an image.

If you use the {all_fields} Smart Tag in your email notification’s Email Message, the signature image will be embedded directly into the body of the email.

A signature embedded in an email notification

Note: Want to learn about other ways you can use Smart Tags to display signatures in your email notifications? See our complete guide to using Smart Tags in WPForms.

Viewing Signatures in Entries

To view a signature in a form entry, navigate to WPForms » Entries and click on the title of the relevant form. Then click View next to a specific entry and scroll until you see the signature.

Viewing a user's signature in a form entry

Frequently Asked Questions

These are the most common questions we see about the Signature addon.

Can I save the signature image as a .jpg?

At this time, the signature image file can only be saved as a .png. This file type supports transparent backgrounds so you can embed signatures from your entries in other documents seamlessly.

That’s it! You can now collect signatures with your forms.

Next, would you like to add a terms of service checkbox to your form? Check out our tutorial to learn how you can easily add an option for users to indicate their agreement before submitting a form.