Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Typically, to get your contracts signed, you either have to manually print/scan the signature or pay for an expensive third-party e-sign service.

However, implementing a digital signature solution can enhance efficiency, reduce paperwork, and ensure legal compliance.

At WPBeginner, we understand the importance of efficient and legally binding contract management and have tested various plugins and tools to find the one that provides a secure way to add a digital signature.

In this article, we will show you how to easily add a contract agreement form to your WordPress website that people can e-sign.

How to create a contract agreement form with digital signature

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 a 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 them, then they are considered legally binding contracts.

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 sign the contract.

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

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

Method 1: Create a Digitally Signed Contract Form Using WPForms

If you want to create a digitally signed contract form from your WordPress dashboard, then this method is for you.

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

Note: WPForms also has a free version. However, for this tutorial, you’ll need the pro version of the WordPress plugin to unlock the Signature addon.

Upon activation, head over to the WPForms » Settings page to enter your license key.

You can find this information in your account on the WPForms website.

Entering the WPForms license key

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

From here, click the ‘Install Addon’ button, and the addon will be automatically installed and activated on your site.

Install the signature addon

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

Simply go to the WPForms » Add New page from the WordPress dashboard 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 template

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 to fill in.

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

Add form fields

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 field

After that, click on the field to open its settings in the left column.

From here, you can change the title, add a description, or toggle the required switch so users won’t be able to submit the contract agreement without filling in this field.

Once you’ve done that, you can also switch to the ‘Advanced’ tab from the top to change the link color, adjust the field size, or add a CSS class to the field.

Configure signature field settings

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 upon form submission. 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 notification

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 notification

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 tag

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

For detailed instructions, you may want to see our tutorial on how to create a contact form with multiple recipients.

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

Edit form confirmation settings

Once you are happy with the settings, just 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 embed your contract agreement form on your WordPress site.

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 wordpress

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 WordPress 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 example

Make sure 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, 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.

SignNow

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 trial

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 signature

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 style

After that, you’ll need to select what interests you about signNow.

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

Tell your interests

Then, 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 friends

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

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

Upload a document

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 document

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 the contract.

Add a recipient to the contract

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 recipients

That’s it! Your recipients will now 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.

Bonus: Add Your Signature After Post Content

If you are an author on a WordPress blog, then you may also want to add a signature after your post content to establish your credibility. Adding a signature can also act as a copyright notice by asserting your ownership of the content.

To do this, you must install and activate the Ad Inserter – Ad Manager & AdSense Ads plugin. For details, see our tutorial on how to install a WordPress plugin.

Upon activation, visit the Settings » Ad Inserter page from the WordPress dashboard. Here, you will see multiple tabs at the top from where you can add signatures or ads to your site.

Now, you must add the text for the signature in the content editor on the page. You can also add an actual image of your sign by adding the following code and replacing it with your preferred image’s link.

<img src="link-to-image">

Enter Your Ad Code or Signature in the Plugin's Text Editor

Next, scroll down on the page to configure your signature position. Here, you will see that the ‘Post’ option is already selected by default.

Now go ahead and choose the insertion point from the dropdown menu. To display the ad or signature after every post, you should select the ‘After content’ option.

Select Where to Display the Ad or Signature

Finally, don’t forget to click the ‘Save Settings’ button to store your settings.

For more detailed instructions, see our tutorial on how to add a signature or ads after the post content in WordPress.

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 beginner’s guide on how to choose the best domain registrar in WordPress and our expert picks for the best electronic signature software for WordPress.

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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

15 CommentsLeave a Reply

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Justin

    Hi, after setting up a contract form, will it be possible to set a reminder to followup on the contract and also to prompt when a renewal is due on wordpress? Thanks.

    • WPBeginner Support

      Not at the moment with this setup

      Admin

  3. Tomeka

    Where are the submissions with the signature stored? Is just a email that is sent to whomever is supposed to receive the notification? Or is it stored in a backend database? Thanks.

    • WPBeginner Support

      It should be sent and stored in the plugin’s entries area

      Admin

  4. Aisha GArg

    Wow! Thank you for this really helpful article. This has been a headache for so long. I will definitely be implementing you points.

    • WPBeginner Support

      You’re welcome, glad we could simplify the process :)

      Admin

  5. Dan B

    Is there a way to make this form HIPAA compliant?

    • WPBeginner Support

      You would want to reach out to the plugin’s support for current HIPAA compliance capabilities

      Admin

  6. mahmudul Rubel

    Wow. Great content as well. learn always new from of your blog.

    • WPBeginner Support

      Thank you, glad our article could teach you something new :)

      Admin

  7. ebenezer

    please is there a video tutorial for this article?

    • WPBeginner Support

      While we do not have one at the moment, we do look at all of our articles for possible video guides in the future.

      Admin

  8. Cj Austintown

    Wow..
    Thanks for this nice article.

    • WPBeginner Support

      You’re welcome :)

      Admin

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.