How do I add a signature field in Elementor Pro?

Elementor Form Signature addon makes it easy for users to sign your forms with their mouse or touch screen. You can also use it on your PDF and customize this field as you prefer.

Table of contents:

Why you should use it on your forms?

Using a signature field on your forms adds a professional touch, enhances the credibility and legal validity of the documents, and simplifies the signature process for both you and your form users. It is a valuable feature that can elevate the effectiveness and efficiency of your form-based interactions.

Getting started

Step 1: Install the Plugin
Once you’ve chosen 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. Then, activate the plugin.

Step 2: Add a Form Widget
In the Elementor editor, add a Form widget to the desired section of your page. You can find the Form widget in the Basic Elements section of the Elementor widget panel.

In the Elementor editor, add a Form widget

Step 3: Add a Signature field

Inside the Form widget, modify one field. Choose type Signature

Add a Signature field

Step 4: Customize the Signature Field

Select the Signature field in the Form widget and correct its settings according to your preferences. You can adjust the label, field width, field height, background color, and color signature.

Customize the Signature Field

You can switch on the button to Yes to show Enter Full Name.

Customize the Signature Field

Step 5: Have a preview:

Signature on  Elementor Pro Form

Using Signature on PDF for Elementor Pro Form

You can insert the signature on a PDF using our extension PDF Customizer. Take a look at this here.

Email Notification

Navigate to Edit FormEmail: specify the recipient’s email address in the “To” field. You can also set the “From” name and email address, subject, and message content for the email.

Email Notification

Look at our preview:

Signature to your Elementor Forms.

Final words

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

Set up the signature add-on today to collect digital signatures efficiently and securely, contributing to a more efficient and effective form-based interaction overall.