GravityForms

With a tool like Gravity Forms, you can easily build online forms that you can embed on your website to collect information from your prospects and customers.  You can customize your form with many different field types and it makes data collection a breeze.

Combine Gravity Forms with WebMerge, and you can automatically take data you collect via your online forms and populate various templates/document.  For example, you can populate order forms, invoices, contracts, and more.  For this specific example, we’re going to show you how to automatically populate a mortgage application form with data from Gravity Forms and then we’re going to collect a signature via DocuSign.

To get started, we’re going to setup the template of our mortgage application using a fillable PDF.  Inside our PDF editor, we’re going to add PDF fields for our data to be populated.  We’re going to name our fields with names like: applicant_name, address, etc.

Here’s what our template looks like:
 


Since we’ll be collecting the applicant’s signature using DocuSign, we need to add a signature tag to our template as well.  This signature tag tells DocuSign where to place the signature in the document.  This tag is just like any other text in the PDF and looks like:   \s1\
 


Once we have our template ready, we need to upload it to WebMerge.  From the Documents page in WebMerge, click the New Document button and then enter a name for the document.  On the next step, choose Fillable PDF as the document type and then select the file from your computer
 


After you upload your application template, you’ll be taken to the Settings tab where you can modify options like the type of file that is generate and the name of the file.  For this example, we’re going to output a PDF and we’re going to include the name of our applicant in the file name.
 


Next, we’re going to setup the delivery of our document to DocuSign so that it is automatically sent out for signature.  Under the Deliver tab, go ahead and click the New Delivery button then select DocuSign from the list.

After you authenticate your DocuSign account, you’ll need to define the subject of the email that the signer will receive from DocuSign, then you need to indicate the signer’s name and email address using merge fields.
 


Once we have our DocuSign delivery setup, we’re ready to integrate with Gravity Forms.  To help with the integration, we’re going to use our friends over at Zapier.

Inside Zapier, click the New Zap button and then for the Triger select Gravity Forms as the service and then New Form Submission as the trigger.
 


Once you authenticate your Gravity Forms account and setup your webhook, you’ll need to run a test submission so Zapier can load test data.  Follow those steps and move on.

Next, we’re going to setup the Action of our Zap.  For the service, choose WebMerge and then pick Create Document Merge as the action.
 


Once you authenticate your WebMerge account, Zapier is going to load a list of the documents in your WebMerge account.  Go ahead and select the mortgage application document that you just setup.  Once you pick the document, Zapier will load a list of all the merge fields in your document.

For each of the merge fields in your document, you need to pick the corresponding fields from your Gravity Form.  This tells Zapier how to send data over to WebMerge so that it gets populated in the correct spot on your document.
 


Once you’ve matched up all of your merge fields, go ahead and save the Zap and turn it on.  It’s time for a test!  Submit another test submission through your Gravity Form and Zapier will send that data over to WebMerge where your application will be populated and sent to DocuSign for signature.

Here’s what our application looked like ready to sign:
 


Congrats, you’re all done!  You can now automatically generate all kinds of documents from your Gravity Form submissions.  Can you think of any other ways that you could use WebMerge to simplify your paperwork process?
 

Have more questions? Submit a request

9 Comments

  • Avatar
    Chris Lusk

    Would it be possible to use WebMerge as a Gravity Forms Confirmation? So once the form is completed, the Confirmation message could use WebMerge tags instead of the native shortcode merge tags?

  • Avatar
    Jeremy Clarke

    Hi Chris,

    Unfortunately, no :( Everything with WebMerge happens behind-the-scenes in another process.

    That being said, if you are a PHP developer, it would probably be possible with some customization of your gravity form code. I'm not sure exactly what you need to do, but in theory you could merge a doc (in HTML format) on WebMerge and show the response to the user.

  • Avatar
    JC Muller

    Hello, thank you for awesome post! Just one thing I don't understand or can find. How does the signature field work in Gravity Forms? If they need to sign what field do we add for Docusign to work on this solution as they need to sign, so how does that part work?

  • Avatar
    Jeremy Clarke

    Hi JC,

    Since you are using the Signature field in GravityForms, you don't need a solution like DocuSign. You can simply embed the signature image in your merged document. Check out the help articles under "Build Your Document" and look for the one on embedding images (depending on your template type).

    Thanks!

  • Avatar
    JC Muller

    Hi Jeremy, thank you for the response. I have a situation where the client has to use Docusign to be compliant. So I have to make it work.

  • Avatar
    Jeremy Clarke

    Hi JC,

    Ok, if they need to use DocuSign, then you don't want to use the GravityForms signature field. Please check out this help article on DocuSign - it shows you how to use "Anchor Tags" in your document for where you want the signature to go: https://support.webmerge.me/hc/en-us/articles/206527116-DocuSign

  • Avatar
    JC Muller

    Hi Jeremy, Thank you that is awesome so yes I understood the Gravity Forms signature fields has to go but how do I then connect Gravity Forms with Docusign as Webmerge will be a later step opposed to during submission process of it or am I lost in the process?

  • Avatar
    Jeremy Clarke

    Hi JC,

    WebMerge will handle sending the document over to DocuSign (you need to setup a DocuSign delivery under the Deliver tab in WebMerge). Once the data is submitted on your GF form, we'll populate your template, then send it over to DocuSign for signing (the signer will receive an email from DocuSign).

  • Avatar
    JC Muller

    Thank you Jeremy, thank you for your help, this post and all round Webmerge it's going to help me big time a very very very useful solution!

Please sign in to leave a comment.
Powered by Zendesk