Add a Signature

Many form services offer a Signature field that allows people to draw and actual signature right on the form!  This works on all your favorite smartphones, tablets, and other computers.

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 customers to print the document or use an e-signature platform.  It is really pretty simple to set up – take a look below.

First, we are going to set up 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 our form will be an image, so we need to set up 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.  The form will send us the URL to the image so that the 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 map the Signature field on your form to the placeholder that you just created in your integration settings.

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

Was this article helpful?
3 out of 8 found this helpful


  • It appears this article only relates to the Build Your Own editor, and that to receive a signature from FormStack to merge into a fillable PDF, I should still follow the instructions in the Embed/Images Signatures article, here: ?

  • Hi Esther,

    That's correct!


Please sign in to leave a comment.