Logiforms has support for Electronic Signatures and the ability to collect signatures via our inline signature element and place those signatures on a PDF. This article is a bit different and explains how to setup a form that will display an already generated PDF or a static PDF, and accept a signature above or below the display of that PDF. This is different from our ESIGNATURE Integration and does not add a signature to the PDF. It will simply record the signature wit the form submission.
NoteIf you want the signature to be written to the PDF, use our ESIGN integration or Dynamic PDF generation, or PDF Form Population along with our inline signature element and map the signature to the PDF.
Creating the form that will display the PDF and collect the signature
- Create a new form
- Add a hidden field named "PDFNAME". This field will store the name of the PDF that will be displayed. Note that you can prepopulate this field with the path via the URL or a dynamic lookup.
- Add a free text element on the form, click the text property to edit it, then click source mode on the editor toolbar and use the following code to display an embedded PDF. This code will use the value in pathtopdf as the URL to the PDF. You can also specify a static value here.
<embed src="https://forms.logiforms.com/formdata/user_forms/60000_6449748/312325/attachments/[PDFNAME]#toolbar=0&navpanes=0&scrollbar=0" style="width:98%;height:300p"></embed>
- Next, add an inlineSignature element from the special fields library.
- You willl need to either pass a value into the [PDFNAME] via the URL or set a default value on the field (you can also set it via a binding or a dynamic lookup). The value must should be the PDF file name. In this example, we've hardcoded the path to the PDF (the attachments directory of another form in this case)
The form in this example is
The resulting URL looks like this, passing in the name of the PDF
Your new form will display an embedded PDF and have a signature field below it.
To learn more about populating the 'PDFNAME' field via the URL, see this article.