Document – Gravity Forms Digital Signature

The Digital Signature add-on allows you to add a digital signature field to your Gravity Forms, enabling users to sign forms electronically.

Table of contents:

Features

  • Signature Capture: Users can sign their name using their mouse, touchscreen, or a digital pen.
  • Signature Validation: The plugin ensures that the signature field is filled out before the form can be submitted.
  • Signature Image: The signed image is saved and submitted with the form data.
  • Customizable Appearance: The signature field can be customized with various options, such as size, color, and background.
  • Responsive Design: The signature field adapts to different screen sizes and devices.

Plugin Installation

Step 1: Download the plugin: https://add-ons.org/plugin/gravity-forms-signature-fields/

Step 2: Log in to your WordPress admin dashboard. From the sidebar, navigate to Plugins and click on Add New. Choose the Upload Plugin option, select the plugin file you downloaded in step 1, and click Install Now. Once the installation is complete, click on the Activate button to activate the plugin.

How To Add Signature Fields to Your Forms?

Navigate to Forms – New Form

Once you’re in the form builder interface, you’ll see a list of available form fields on the right side of the screen. Scroll down the “Signature” field and drag it to the desired position in your form.

How To Add Signature Fields to Your Forms?

Save and Have a preview

Signature Settings

  • You can decide to assign a Width and Height as well as Background and Color. We have left the default color, which is black and the background is white.

  • If you want users to enter their name below a signature, please check the settings “Full name”.

signature for gravity forms

  • Change the Background Image

Step 1: Copy the URL address of the image (from Google or Media Library…)

Change the Background Image for gravity form signature

Step 2: Paste the URL to the box

Step 3: Save and have a preview

digital signature for gravity forms

Email Notifications

<img src="{Your Signature:8}" title="Signature" />


email notification of digital signature for gravity forms


That’s it! We hope this article helped you learn how to add Signature to your Gravity Forms.