Electronic Signature Forms for WordPress

Knowledge Base → Add-Ons → Other Add Ons → Electronic Signature Forms

Collect electronic signatures in your WordPress forms. Your users may draw their electronic signature with a trackpad/mouse or just type it.

Formidable Forms is the best WordPress Form Builder plugin. Get it for free!

Heads up!
This signature add-on is not built with the intention to create legally binding contracts. If you need a signature to be legally binding, we recommend using a plugin or 3rd-party integration that is built for that purpose.

Download and Install

If you haven't already done so, install and activate Formidable Forms Pro.
In your WordPress admin, go to 'Formidable' → 'Add-Ons' and click the 'Install' button for the WordPress Signature plugin.

Build electronic signature forms

Once the Signature add-on is installed it will appear in the right sidebar under the Pro Fields section.

Go to edit the form where you would like to use the Signature field.
Find the 'Signature' field and click or drag and drop it into your form.
Save the form and click 'Preview'. Now when the form is visited, the Signature field will appear and be ready to use.

Standard field options

A Signature field has the following standard options:
Electronic Signature Forms - Field Options

— Premium Feature —

Visibility
Conditional logic

Field-specific options

Signature Options

Set your text for the Draw It, Type It, and Clear labels.

Hide Draw It and Type It tabs: Select this checkbox if you want to hide the icons on the signature field. It will set drawing the signature as default.
Set Type It as default: Select this checkbox if you want to set typing in the signature as default.

Signature Options

Allow Editing

Select this checkbox if you want the signature entry to be cleared when editing a draft or editing in place.
Signature Options Allow Editing

Field icons

Field action icons allows you to duplicate, delete, and/or move a field on the form builder page. See the field action icons article for more information.

Display Signature fields

Display the submitted electronic signature image in a form's confirmation message, email, or View. Just insert [x], where x is the ID or key of the signature field.

To show the image URL alone without the img HTML, use [x use_html=0].

Note: When saving a signature, an image file is created using the dimensions from your field settings.

Troubleshooting

Out of memory after form submit

When the form is saved, the electronic signature is saved in an image. Larger signature pad dimensions require more memory. You can either increase the memory limit on your site, or decrease the image resolution.

Additional customizations

These code examples can be added to your theme functions.php file or a new plugin. If you want to insert code into your theme functions.php, add it at the very end of the file, before the last ?> if there is one. If you plan to update your theme, be sure to put it in a new plugin so the code won’t be lost on update.

Change the location of signature image

This example allows you to change the default location for your signature field's image. The default location is /formidable/signatures/.

add_filter( 'frm_sig_upload_folder', 'frm_custom_sig_upload', 10, 2 );
function frm_custom_sig_upload( $folder ) {
    $folder = '';
    return $folder;
}

Set image background color

When the signature image is created, the colors can be customized using the example below.

add_filter( 'frm_sig_output_options', 'sig_output_options' );
function sig_output_options( $options ) {
  $options['bgColour'] = 'transparent';
  return $options;
}

To send a URL for a signature from one site to another, to copy signatures to somewhere else using an API action, use the frm_signature_allowlist_domains hook to add the approved source domain as an allowlist target.

Electronic Signature Forms

Download and Install

Build electronic signature forms

Standard field options