# Signature

### Adding the Signature to your form

From the Form Elements panel on the builder page, simply drag and drop the Signature element to your form canvas. As shown below:

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FDVKXK1felpAHsJsqlUPK%2Fimage.png?alt=media&#x26;token=0f4aab7a-0207-45dc-b68b-929c6083183e" alt="WordPress Signature Form"><figcaption><p>WordPress Signature Form</p></figcaption></figure></div>

### Customizing the signature appearance

After adding the signature to your form canvas, you can configure the size of the signature area if needed. Optionally you can also exclude it from the Admin or Confirmation E-mails if needed.

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FtsX3IJs2SUhWw1J7k3AM%2Fimage.png?alt=media&#x26;token=2337dd0f-1f99-4926-9aee-f501a6fa9edf" alt="Editing the signature for your form"><figcaption><p>Editing the signature for your form</p></figcaption></figure></div>

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FTsLXtrZ5ftEvP2OrJP4y%2Fimage.png?alt=media&#x26;token=1284dce8-7001-4391-95b8-84c38eb4ba42" alt="Setting the signature width and height for your form"><figcaption><p>Setting the signature width and height for your form</p></figcaption></figure></div>

After changing the width and height to 500x200 the signature drawing area (box) would look something like this:

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FhRWKBdUe3aU8jdRpd35c%2Fimage.png?alt=media&#x26;token=7bb18ccb-ba9a-4763-8bc9-42bd8682d873" alt="Custom signature drawing area dimensions"><figcaption><p>Custom signature drawing area dimensions</p></figcaption></figure></div>

Apart from these settings you can also set the line/stroke thickness of the signature, the color.&#x20;

When you are using any of the Super Forms population methods to retrieve existing data from a previous form submission, you can enable the option to disallow the user to change the existing signature.

By default the signature will have a background image that indicates a signature can be drawn by the user. You can optionally change this image if nesscasary.

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FBUopZxBLx3420vjrB5gY%2Fimage.png?alt=media&#x26;token=ed42054a-15d3-4a31-9ce0-5cb2919b2445" alt="Changing the signature line thickness and color on your form"><figcaption><p>Changing the signature line thickness and color on your form</p></figcaption></figure></div>

### Displaying your signature in E-mails

By default the signature will be attached to your E-mails after the form is submitted. If you don't want this, you can configure it to be excluded from the E-mail.

### Storing the signature in the generated PDF

If you are composing a PDF file with the [PDF Generator Add-on](https://docs.super-forms.com/features/integrations/pdf-generator), your signatures will be included in the PDF file by default unless you configured it to be excluded from the PDF file. Alternatively you can use the [Tags system](https://docs.super-forms.com/features/advanced/tags-system) to retrieve the signature as specific locations by using the [HTML element](https://docs.super-forms.com/elements/html-elements/html-raw).

In case you want to set up automation to send signed documents to relevant parties, update records, or trigger follow-up actions, checkout the [Zapier ](https://docs.super-forms.com/features/integrations/zapier)integration for Super Forms to connect with almost any third party software.
