Document – Contact Form 7 Signature

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

Plugin Installation

Download it here: Contact Form 7 Signature Field

Once you’ve downloaded a plugin, you’ll need to install it on your website. Log into your WordPress admin dashboard. Navigate to the “Plugins” section and click on “Add New.” Search for the plugin by name and click “Install Now” once you find it.

After installation, click on “Activate” to activate the plugin.

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.

How To Add Signature Fields to Your WPForms?

On the WordPress dashboard – Navigate to Contact Forms – Create a new form

In the form editor, choose the tag “signature” Or use tag [signature* signature-648 full_name]

add signature for contact form 7

Save and Have a preview:

signature field for wpform

Signature Settings

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

signature settings for contact form 7

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

Email Notifications

To receive the signatures via email, you need to add an extra field when you set up your email notification in the ‘Mail’ tab of Contact Form 7.

Enter name signature in file attachments

Submit the form and open the email to see:

email signature for contact form 7

That’s it! We hope this article helped you learn how to add Signature to your Contact Form 7.