🎉  Build a workflow powerhouse. Learn more about our new Airtable integration.   🎉

September 05, 2012

Add Signatures to PDFs with Formstack

This is pretty cool.  Formstack has just launched a new Signature field that allows people to draw and actual signature right on the form!  This works on all your favorite smart phones, tablets, and other computers.  For more specific information on the new field, check out their blog post.

What does this mean for you and your PDF documents?  Well, it means that you can create a PDF and put an actual signature in the document on the fly.  There is no need for your customer to print the document or use an e-signature platform.  It is really pretty simple to setup – take a look below.

First, we are going to setup our document in Formstack Documents.  For this we are going to use a services contract that new clients will fill out before work on a project.  The signature coming from Formstack will be an image, so we need to setup an image placeholder for the signature. At the bottom of the page, we are going to add a new image (click the little picture icon in the editor).  In that popup, we are going to enter {$Signature} in the URL box.  Formstack will send us the URL to the image, so that URL will automatically get fed into the image element.

You will notice there will be a grey box with a broken document icon in it where the image is supposed to be.  This is normal – the {$Signature} is not a valid URL and the editor thinks it is and is trying to load an actual image.

Now that we have our document setup, make sure to log back in to Formstack and map the Signature field on your form to the placeholder that you just created.  You will have to click the little green refresh button at the top of your fields in the Formstack Documents integration settings. 

Here is a look at what our simple form looks like with the signature field.

And here is a look at the resulting PDF with the signature right in the PDF!

3 min read

Ready to give Formstack Documents a try?
Start your Free Trial now!


Create Documents From Formstack Now

By signing up here, you agree to our Terms of Use