+

Add a Contract Button to WordPress with eSignatures.io

Why choose eSignatures.io?

eSignatures.io makes it incredibly easy to add legally binding, fully responsive signing pages to your WordPress site with a simple button. Our non-PDF approach ensures that signing pages are fast, mobile-friendly, and open seamlessly without affecting your website’s design.

Best of all, no technical skills are required. You can set everything up in just minutes, providing the simplest and fastest solution to collect signatures online.

Key Benefits

• Legally binding electronic signatures.
• Non-PDF approach provides a seamless, mobile-friendly experience that your clients will love.
• Automatic document distribution to all parties once signed.
• Redirect users to a custom "Thank You" page on your WordPress site.
• Automate processes with API, Zapier, or Make integration.
• Single-click integration with Google Drive for document storage.

Step 1: Generate the Signing Page (Contract Link) on eSignatures.io

1. Create a Contract Link:
   • On the Dashboard choose "Contract link" before clicking on the "Start" button
   • Set up the title and the content of your contract
   • Set a custom Redirect URL, which is the page users will see after signing. (e.g. your "Thank You" page)
2. Publish and Copy the iframe Code:
   • After finalizing the contract details, click "Publish."
   • This generates a URL that you’ll add to the button in WordPress.

Step 2: Create a contract button on your WordPress page

1. Open the WordPress Page Editor:
   • You can add the signing page to an existing page or create a new one.
   • Navigate to Pages > All Pages and select the page you want to edit, or create a new page via Pages > Add New.
2. Add a Button Block:
   • Click the + icon to add a new block.
   • Search for Button and select the Button block.
   • Type the button label, such as "Review and Sign".
   • Paste the Contract link (from eSignatures.io) into the Link field.
3. Preview and Publish:
   • Once you’ve added the button, click Preview to ensure it looks correct.
   • If satisfied, click Publish or Update to make the page live.

Step 3: Test and Automate

• Once the page is live, visit your WordPress site and click the button to ensure it correctly opens the contract signing page and that users are redirected to your custom "Thank You" page after signing.
• The signed documents will be automatically emailed to all involved parties. You can integrate the signed document workflow with Google Drive, or use API, Zapier, or Make to automate further actions based on document completion.

Want to embed the Signing page directly?

If you'd like to embed the signing page directly into your WordPress site for a seamless, on-page signing experience, check out our guide on Embedded contracts in Wordpress.