### [Signature Addon](https://wpforms.com/docs/how-to-install-and-use-the-signature-addon-in-wpforms/)

**Published:** November 18, 2023
**Author:** Umair Majeed

**Excerpt:** Learn how to add a signature field to any form on your site.

**Content:**

Signature Addon is a Pro Feature

 Unlock Signature Addon and other powerful features to grow your business.

 [ Get WPForms Pro ](https://wpforms.com/pricing/) 

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.

This tutorial will show you how to use the Signature addon for WPForms.

- [Adding a Signature Field to Your Form](#add)
- [Customizing the Signature Field](#customize)
- [Viewing Signatures in Notification Emails and Entries](#view)
- [Frequently Asked Questions](#faq)

**Requirements:**

- You’ll need a [Pro license level or higher](https://wpforms.com/pricing/) to access the Signature addon
- Ensure that you’ve installed the latest version of WPForms to meet the [minimum required version](https://wpforms.com/docs/why-you-should-always-use-the-latest-version-of-wpforms/#version-requirements) for the Signature addon

---

Before you get started, make sure you’ve [installed and activated WPForms](https://wpforms.com/docs/install-wpforms-plugin/ "How to Install the WPForms Plugin") 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](https://wpforms.com/docs/install-activate-wpforms-addons/ "how to install addons in WPForms").

## Adding a Signature Field to Your Form

With the Signature addon activated on your site, [create a new form](https://wpforms.com/docs/creating-first-form/ "Creating Your First 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](https://wpforms.com/wp-content/uploads/2017/11/signature-field.png)To add this field to your form, you can click on it or drag and drop it into the preview area.

Note: To get started quickly, you can use our pre-built [File Upload With Signature Form Template](https://wpforms.com/templates/file-upload-with-signature-form-template/). This template includes a signature field and can be easily customized to fit your specific needs. See our tutorial on [using templates in WPForms](https://wpforms.com/docs/how-to-use-form-templates-in-wpforms/) for all the details.

## 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](https://wpforms.com/wp-content/uploads/2017/11/signature-field-options.png)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](https://wpforms.com/wp-content/uploads/2017/11/signature-field-ink-color.png)When you’re happy with your form, click the **Save** button in the top right corner of the builder.

![Saving a form](https://wpforms.com/wp-content/uploads/2021/03/save-form.png)## Viewing Signatures in Notification Emails and Entries

If you haven’t already, the next step is to [embed your form on your site](https://wpforms.com/docs/creating-first-form/#embed-form "Adding Your Form to a WordPress Page 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](https://wpforms.com/wp-content/uploads/2017/11/signature-field-example-2.gif)**Note:** Want more guidance on testing your forms before you publish them? See our [pre-launch checklist](https://wpforms.com/docs/how-to-properly-test-your-wordpress-forms-before-launching-checklist/) for details.

There are two ways to view signatures that have been submitted via one of your forms: in a [notification email](https://wpforms.com/docs/setup-form-notification-wpforms/) or in your [form entries](https://wpforms.com/docs/complete-guide-to-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](https://wpforms.com/wp-content/uploads/2021/03/signature-embed-email-notification.png)**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](https://wpforms.com/docs/how-to-use-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](https://wpforms.com/wp-content/uploads/2017/11/entry-view-signature.png)## 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.

#### Does the Signature addon require any PHP modules?

Yes. Since signatures are saved as image files, your server must have **either the GD Library (php-gd)** or **ImageMagick (php-imagick)** installed and enabled. Without one of these modules, WPForms won’t be able to process the signature image, which can cause errors when the form is submitted.

If you’re not sure whether your site has GD or Imagick enabled, contact your web host and ask them to enable `php-gd` or `php-imagick` for your site. (For reference, see the [GD installation notes](https://www.php.net/manual/en/image.installation.php) and the [Imagick installation notes](https://www.php.net/manual/en/imagick.installation.php).)

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](https://wpforms.com/docs/how-to-add-a-terms-of-service-checkbox-to-a-form/ "How to Add a Terms of Service Checkbox to a Form") to learn how you can easily add an option for users to indicate their agreement before submitting a form.

**Categories:** Advanced Form Features, Addons

---