Formidable Forms

Formidable Forms

  • Features
  • Pricing
  • Resources
    • Docs & Support
    • Blog
    • Community
  • Solutions
    • Web Applications
    • Calculators
    • Surveys
    • Directories
    • Payments
    • Contact forms
  • Login
  • Get Formidable Forms

Electronic Signature Forms

Last Updated: September 17, 2021

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!
Clear

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

  1. If you haven't already done so, install and activate Formidable Forms Pro.
  2. 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.

  1. Go to edit the form where you would like to use the Signature field.
  2. Find the 'Signature' field and click or drag and drop it into your form.
  3. 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 OptionsElectronic Signature Forms - Field Options

  • Field Type
  • Required
  • Field Key
  • CSS Layout Classes
  • Label position
  • Field size
  • — 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;
}

Related developer hooks

  • 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.

Related Articles

  • WordPress e-signature plugin The Ultimate WordPress E-Signature Plugin
    Read More
    Reasons why you should switch to paperless forms 7 Reasons to Use Paperless Forms
    Read More
    Now Draw Signatures Online in Ajax Forms How to Draw Signatures Online in Ajax Forms
    Read More
  • electronic signature on your online forms How to Collect Electronic Signatures in Online Forms
    Read More
  • Download and Install
  • Build electronic signature forms
  • Standard field options
  • Field-specific options
    • Signature Options
    • Allow Editing
  • Field icons
  • Display Signature fields
  • Troubleshooting
    • Out of memory after form submit
  • Additional customizations
    • Change the location of signature image
    • Set image background color
  • Related developer hooks
  • Related Articles
Categories
×

Categories

  • Installation & Getting Started
  • Account Management
  • Forms
  • Entries
  • Views
  • Styles
  • Importing & Exporting
  • Add-Ons
  • Extend Formidable Forms

Using WordPress and want to get Formidable Forms for free?

Get Formidable Forms Lite Now

You do not have permission to view this form.

This article may contain affiliate links. Once in a while, we earn commissions from those links. But we only recommend products we like, with or without commissions.

Take on bigger projects Right Now

Get the tools you need to revolutionize your workflow and architect a masterpiece. Build the most advanced WordPress forms and actually use the data you collect in meaningful ways.

Get the most advanced WordPress form plugin and the only form builder with integrated Views.

Get Formidable Forms Now

Resources

  • Community
  • Affiliates
  • Contact
  • Free Online Form Builder

Top Features

  • Application Builder
  • Calculator Forms
  • Surveys & Polls
  • Quiz Maker
  • Form Templates
  • Application Templates
  • Directories
  • Donation Plugin

Company

  • About Us
  • Giving Back
  • Careers
  • Newsletter
  • WP Tasty
  • Nutrifox

Copyright © 2023 Strategy11, LLC. Formidable Forms® is a registered trademark Strategy11, LLC.
Privacy Policy | Terms of Service | Sitemap

Join 300,000+ using Formidable Forms to create form-focused solutions fast. Get Started See User Reviews