How to Create a Contract Agreement Form with Digital Signatures in WordPress


Do you want to add a contract agreement form to your WordPress website that people can e-sign?

Typically to get contracts signed, you either have to manually print/scan the signature, or pay for an expensive third-party e-sign service. Wouldn’t it be nice if you could get users to sign forms with a digital signature in WordPress without the high costs?

In this article, we’ll show you how to easily create a contract agreement form with digital signatures in WordPress.

How to create a contract agreement form with digital signature
How to Create a Contract Agreement Form with Digital Signatures in WordPress 121

Why Create an Online Contract Agreement Form?

An online contract agreement form is easy to fill out and submit. Normally, you’ll send the agreement as PDF, which the other party will have to print, fill in, scan, and send back.

That’s a lot of work.

By creating an online contract agreement form on your WordPress website, users can fill it out right away and sign it digitally with an e-signature.

It does not require any overly priced SaaS software and works very well for many different kinds of legal documents.

For instance, you can use it to create a code of conduct form, employment forms, non-profit or volunteer application forms, and more.

Are Digital Signatures Legal?

Yes, digital signatures and digitally signed documents are legally enforceable. If both parties agree to digital signatures, and the software used keeps a record of digital signatures, then they are legally binding.

However, they cannot be used for all kinds of legal documents. For example, legal documents or forms that require to be notarized, need court stamps, or witnesses.

With that said, this article is not legal advice. Please consider a lawyer for practical legal advice and guidance.

Preparing Your Contract Agreement Form

If you don’t already have a contract drawn up, it’s a very good idea to consult a lawyer. You want to be sure that your contract is legal and that it won’t cause you any possible problems in the future.

Apart from the contract terms themselves, your contract form will probably need space for:

  • The name of the person signing.
  • The address of the person signing.
  • The date the contract is signed.
  • Space for your client (or new employee) to actually sign the contract.

That being said, let’s create a contract agreement form with a digital signature field.

You can click the link below to jump ahead to your preferred method:

Method 1: Create a Digitally Signed Contract Form Using WPForms

The first thing you need to do is install and activate the WPForms plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

WPForms is a premium plugin, and you’ll need at least their Pro plan to access the Signatures addon.

Upon activation, you need to visit the WPForms » Settings page to enter your license key. You can find this information under your account on the WPForms website.

Entering the WPForms license keyEntering the WPForms license key
How to Create a Contract Agreement Form with Digital Signatures in WordPress 122

Next, you need to visit the WPForms » Addons page and go to the Signature addon.

Simply click the ‘Install Addon’ button, and the addon will install and activate.

Install the signature addonInstall the signature addon
How to Create a Contract Agreement Form with Digital Signatures in WordPress 123

You are now ready to create your contract agreement form with the digital signature feature.

Simply go to the WPForms » Add New page to create your form. This will launch the WPForms form builder interface, where you need to provide a title for your form and then choose a template.

We’re going to use the ‘Blank Form’ template for this example, but you can choose a different one if you prefer. Just click on the template to load it.

Choose a form templateChoose a form template
How to Create a Contract Agreement Form with Digital Signatures in WordPress 124

You’ll probably want to include the text of your contract itself on the page above the form. This could consist of your signature as an image.

In the form itself, you just need to add the fields that need to be filled in.

To add a new field, click on a field from the left column and drag it onto the template. You can rearrange fields by moving them up and down in the preview column.

Add form fieldsAdd form fields
How to Create a Contract Agreement Form with Digital Signatures in WordPress 125

If you want to send a copy of the signed form to the user as well, then don’t forget to add an email field where users can provide their email addresses.

Once you’re happy with the fields you’ve added, it’s time to add the most important form field: the signature field.

Scroll down to the ‘Fancy Fields’ section and click to add the Signature field to your form.

Add a signature fieldAdd a signature field
How to Create a Contract Agreement Form with Digital Signatures in WordPress 126

That’s it. You’ve created your form. Next, we need to make sure the settings are correct.

Configuring Your Contract Agreement Form’s Settings

Simply click on the ‘Settings’ tab to view your form’s settings. The default settings will work in most cases, but you may want to make some changes.

In particular, you’ll want to check that the ‘Notifications’ are correct.

By default, the signed contract agreement form will be sent to the administrator’s email address. This is normally the email address of whoever set up your WordPress site. If that’s not you, then enter your email address here instead.

You may also want to send a copy of the form to the user as well. To do that, go to the Settings » Notifications tab and click on the Add New Notification button.

Creating a new WPForms notificationCreating a new WPForms notification
How to Create a Contract Agreement Form with Digital Signatures in WordPress 127

A popup window will now open, where you’ll need to add a name for your new notification. Let’s name it Send to User.

After entering a name, click the ‘Ok’ button.

Enter a name for new notificationEnter a name for new notification
How to Create a Contract Agreement Form with Digital Signatures in WordPress 128

You should now see your new notification.

In the ‘Send to Email Address’ section, click on the Smart Tags link and select the Email field.

Select the email smart tagSelect the email smart tag
How to Create a Contract Agreement Form with Digital Signatures in WordPress 129

Review all other settings and adjust them to your requirements. WPForms will now send the form confirmation email to the user as well.

Next, switch to the ‘Confirmation’ tab. You can edit the confirmation message that the client (or employee or volunteer) signing the form will see.

Edit form confirmation settingsEdit form confirmation settings
How to Create a Contract Agreement Form with Digital Signatures in WordPress 130

Once you’re happy with the settings, click the ‘Save’ button at the top of the screen. You can now close and exit the form builder.

Add Your Contract Agreement Form to Your Site

Finally, you need to put your contract agreement form on your website.

You can create a new page or edit an existing one. First, you’ll need to add the text of your contract terms before including the form itself.

After that, simply add the WPForms block to your content area.

Add a WPForms block in wordpressAdd a WPForms block in wordpress
How to Create a Contract Agreement Form with Digital Signatures in WordPress 131

Select your contract agreement form from the drop-down box, and WPForms will automatically load a preview of the form in the content editor.

You can now save or publish your page to make your form publicly available.

After that, visit the page to see your contract agreement form in action. Don’t forget to test out the contract agreement form. You should be able to enter your signature using your mouse, trackpad, or touchscreen.

WPForms signature field exampleWPForms signature field example
How to Create a Contract Agreement Form with Digital Signatures in WordPress 132

Ensure you see the confirmation message and receive an email after submitting the form.

If you don’t get an email, don’t worry. It’s quite a common problem, and we’ve got instructions on how to fix WordPress not sending emails.

Method 2: Digitally Sign Contract Forms Using signNow

If you already have forms or agreements created in PDF or Microsoft Word format and want to invite others to sign the contract, then you can use signNow.

You can use it to set up electronic signatures, generate agreements, negotiate contracts, collaborate with others, and more. The best part is that it offers a free trial.

To start, you can visit the signNow website and click the ‘Free Trial’ button at the top. There is also an option to enter your email address and click the ‘Try for free’ button.

Visit signNow websiteVisit signNow website
How to Create a Contract Agreement Form with Digital Signatures in WordPress 133

On the next screen, you’ll need to enter a password for your account.

signNow also lets you sign up using Facebook, Microsoft, or Google accounts to create an account.

Sign up for a free trialSign up for a free trial
How to Create a Contract Agreement Form with Digital Signatures in WordPress 134

After that, you’ll see a welcome screen where you can enter your name to create a digital signature.

Once that’s done, click the ‘Next’ button.

Enter your name to create a signatureEnter your name to create a signature
How to Create a Contract Agreement Form with Digital Signatures in WordPress 135

Next, signNow will show you a signature style and your initials.

If you want, you can change the style of your signature and then click the ‘Next’ button.

View your signature styleView your signature style
How to Create a Contract Agreement Form with Digital Signatures in WordPress 136

In the next step, you’ll need to select what interests you about signNow.

Simply select one or more options and click the ‘Next’ button.

Tell your interestsTell your interests
How to Create a Contract Agreement Form with Digital Signatures in WordPress 137

After that, you can invite others to collaborate on a document in signNow.

Simply enter the email addresses and click the ‘Invite’ button. You can also skip this step for now and invite people later.

Invite other friendsInvite other friends
How to Create a Contract Agreement Form with Digital Signatures in WordPress 138

You are now ready to use SignNow to add electronic signatures to your documents.

Simply click the ‘Upload Your First Document’ to get started.

Upload a documentUpload a document
How to Create a Contract Agreement Form with Digital Signatures in WordPress 139

After that, upload a contract agreement document from your laptop or computer.

signNow will now load your contract in its document viewer.

Add your signature to the documentAdd your signature to the document
How to Create a Contract Agreement Form with Digital Signatures in WordPress 140

From the menu on your left, you can select who will be filling the document. For instance, select the ‘Me (Fill Out Now)’ option and then add your signature anywhere on the contract.

After that, you can change to ‘Recipient 1’ under the Select who will be filling out section. From here, add a ‘Signature’ element where you want others to sign on the contract.

Add a recipient to the contractAdd a recipient to the contract
How to Create a Contract Agreement Form with Digital Signatures in WordPress 141

Next, go ahead and click the ‘Continue’ button at the top.

You can now enter the recipient’s email address and click the ‘Send Invite’ button.

Send invite to recipientsSend invite to recipients
How to Create a Contract Agreement Form with Digital Signatures in WordPress 142

That’s it! Your recipients will receive an email invite to sign the document. Once they send the signed contract back to you, signNow will keep a record of the signatures.

We hope this article helped you learn how to create a contract agreement form with digital signatures in WordPress. You may also be interested in our articles on the best WordPress plugins and the best business phone services for small businesses.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source