How to Set up Gravity Forms + WPESignature Integration
Automatically collect digital signatures on contracts after a Gravity Form submission, using ApproveMe’s WPESignature. Collect UETA/ESIGN Compliant legally binding contracts with WordPress.
A WPESignature Pro or Ultimate license is required in order to integrate with Gravity Forms and collect a legally binding signature.
Step 1. Download and install the required plugins.
ApproveMe’s WP E-Signature requires a few more plugins/add-ons so you can unlock the power and automate Gravity Forms workflows, with legally binding Digital Signatures. You’ll need to download the following:
1. Gravity Forms
2. WPESignature + Business Pack (Pro or Ultimate license)
3. Gravity Forms eSignature integration - Visit eSignature > Add-ons > Integrations > Find Gravity Forms Signature Add-on > Enable > Activate
Step 2. Create your page
After the ApproveMe plugins are installed, your Gravity Forms Signature add-on is activated, and your settings are saved, you will need to create a blank WordPress page for each Stand Alone Document to ‘live’ on.
To create a new WordPress page, navigate to your WP backend >Pages tab > add New. Give this page a title and save (leaving the content blank).
Step 3. Create a stand alone document.
Ok, you’re doing great! You’re almost there! Now that you’ve created a blank WordPress page, we need to create a Stand Alone Document to attach to that WordPress page.
To create a new stand alone document, hover over the E-Signature menu > add new document > stand alone document.
To learn more about stand alone documents, check out the stand alone document documentation page here!
Step 4. Insert Gravity Forms user data into a contract.
This step is optional and will vary based on your desired outcome.
Our Gravity Forms Signature add-on gives you the ability to integrate Gravity Forms user data (that was submitted in the form) into a document that will either be emailed to the user or displayed to the user after they submit the form.
How to insert Gravity Form field data into a contract:
To insert Gravity Forms Data into your document, you will need the Signer Input Fields add-on enabled (eSignature > add-ons > locate WPESignature - Signer Input Fields > Enable > Activate)
1.Open your document in editing mode. Select the Signer Input Field icon (pencil icon) at the top right of the toolbar.
2. Using the dropdown menu, select the Gravity Form that you have already created and would like to connect to your contract.
3. Choose the form field and the type of display you would like to insert into your new contract.
A shortcode will be generated in your document with this information. Don’t worry though, the actual values will be displayed in its place once they sign your document!
The field will look something like this in your document:
[esigGravity Formsid=”3″ field_id=”1″ ]
You can move the shortcode that gets automatically generated anywhere in your contract and it will display the user’s submitted data wherever you have the shortcode located.
Step 5. Choose your document options and save settings.
After you have entered all of your desired document content and Gravity Forms fields and have connected your Gravity Form to your stand alone document, you are ready to configure your document options.
Before you can publish your contract, you will need to assign your Stand Alone Document to the blank WordPress page you created earlier. You can do so by searching for and selecting the page from the “Display on this page” dropdown menu located under the “Document Options” section.
Step 6. Almost there... you're 50% complete!
Once you’ve published your Stand Alone Document you are 50% complete. Next, you’ll need to choose your ‘trigger’ and ‘action’ options for this document in the Gravity Forms workflow settings.
To do this, click Let's Go Now! in the pop-up that appears after you publish your stand alone document to define those last Gravity Forms settings.
Step 7. Finish setting up the eSignature Gravity Forms workflow.
Almost done! Now you just need to define your Gravity Forms eSignature workflow settings.
If you clicked the “LET’S GO NOW!” button, you’re already on the correct page. If you didn’t, you can find your workflow settings by visiting Gravity Forms > finding your form > settings > WPESignature.
Complete these settings by selecting your form fields for name and email, choosing your signing logic, selecting your document and display type.
That’s it! Now you’ll just need to save your settings and put your Gravity Form on a page to test away!
Want to check out a live eSignature Gravity Forms demo? Check out ours here: