Accident.com
April 2024

The Digital Transformation of Document Signing with DocuSign

Simple to sign, easy to send. Keep modern business moving forward from virtually anywhere, at any time.

Services

eSignature

Platforms

Web, Mobile

The Digital Transformation of Document Signing with DocuSign

Project Overview

The objective of this case study is to implement a functionality within our product that enables the sequential signing of documents using DocuSign. Specifically, the system should allow the sending of a document to a seller for signature first, followed by sending the same document to the buyer once the seller has signed it. Additionally, the system should provide the capability to include other stakeholders in the process, such as observers or individuals who need to be kept informed of the document status.

DocuSign is a leading provider of electronic signature technology, revolutionising the way businesses and individuals sign documents. By leveraging digital signatures, DocuSign has made the process of signing documents faster, more secure, and more accessible than ever before. The platform supports various document types, including contracts, agreements, and forms, making it a versatile solution for businesses of all sizes.

Approach Workflow

The traditional approach to creating e-signature envelopes involves several manual steps, including document preparation, emailing the document, signing the document, returning the signed document, and verification. This process can be cumbersome, time-consuming, and prone to errors.

DocuSign simplifies this process by automating many of the steps involved. It allows the creation of templates with dynamic fields for documents that require signatures. These templates can automatically populate based on the data provided, streamlining the signing process. Additionally, DocuSign enables the use of dynamically built PDFs to create signing requests, further enhancing the efficiency and security of the e-signing process.

Creating a Template with Dynamic Fields in Docusign

How Dynamic Fields Work in DocuSign

  • Template Creation: First, we need to  create a template document that includes placeholders for dynamic fields. These placeholders are typically marked with special tags or identifiers within the document.
  • Dynamic Fields: When we are ready to create a signing request, we specify the values for these dynamic fields. DocuSign replaces the placeholders in the template with the actual data we provide, generating a new, personalised document.
  • Signing Request: The newly generated document is then used to create a signing request. We can specify the signers, their roles, and the order in which they should sign the document.

Let's consider a scenario where we are creating a template for a real estate contract. The contract needs to include the buyer's name, address, and purchase price, which will vary for each transaction.

  • Prepare the Document: First, we need to prepare our document. In a word processor or PDF editor, we can insert placeholders for the dynamic fields. For example, we will use {BuyerName}, {BuyerAddress}, and {PurchasePrice} as placeholders in our document.
  • Create the Template in DocuSign:
    • Log in to DocuSign account and navigate to the Templates section.
    • Click on "New Template" and select "Upload Template" to upload the prepared document.
    • Once the document is uploaded, we can define the dynamic fields. In the template editor, we can specify where each dynamic field is located in the document. For example, we will specify that {BuyerName} is located at a specific position on the first page, {BuyerAddress} on the second page, and {PurchasePrice} on the third page.
  • Use the Template:
    • When we want to use this template for a new transaction, we can fill in the dynamic fields with the specific information for that transaction. For example, we might fill in {BuyerName} with "John Doe", {BuyerAddress} with "123 Main St, Anytown, USA", and {PurchasePrice} with "$250,000".
    • Once the dynamic fields are filled in, we can send the document for signing. The recipients will see the document with the dynamic fields replaced by the actual data we provided.

Benefits of Using Dynamic Fields

  • Efficiency: By using dynamic fields, we can create a single template that can be used for multiple transactions, saving time and effort.
  • Personalisation: Each document can be personalised with the specific information for each transaction, ensuring that the document is relevant and accurate.
  • Compliance: Dynamic fields can help ensure that documents are compliant with legal and regulatory requirements, as they allow for the inclusion of specific information that may be required by law.

Sample Code Snippet

Below is a simplified example of how we can use the DocuSign eSignature API to use Docusign template with dynamic fields and create a signing request. This example assumes that Docusign account is already set up, obtained API credentials, and installed the DocuSign eSignature SDK.

Creating a dynamic PDF with dynamic fields in Docusign(Request a signature through the app)

This example assumes that Docusign account is already set up, obtained API credentials, and installed the DocuSign eSignature SDK.

  • Create the envelope definition
    • The first step in requesting a signature within the app is to define a method (called makeEnvelope in our example) that creates the envelope definition using the following steps:
      • Add a document to the definition by saving it to a variable as a binary-encoded base64 string. If we intend to attach multiple documents, specify the document order using an array. The order of the array sets the order of the documents.
      • Set the signer's data, including their name, email address, and a client user ID (any alphanumeric value is suitable). Including a client user ID automatically specifies the signer as embedded.
      • Create and assign signable fields (also known as tabs) for a specific signer within the document using   AutoPlace. This how-to uses anchor tabs to generate tabs automatically in the document by searching for each occurrence of a specific string of characters in the document and adding tabs at those locations. This example uses the string "/sn1/" for auto-placing the signature (signHere) tab. To configure the anchor tabs, specify the number of units from the anchor text to offset the tab, as well as the string to search for and replace with a signHereTab within the document. We can create multiple signHere tabs for different locations and offsets, if needed.After creating the tabs, assign them to the signer created in the previous step.
      • Set the envelope's status property. To save the envelope as a draft, set status to created. To configure the envelope to be sent immediately after it is instantiated, set status to sent instead. We will set to sent so the email gets triggered after creating the envelope.

We can opt to replace $contentBytes = file_get_contents($demoPath . $pdfFile); with a function call that retrieves the dynamically generated HTML or PDF. This adjustment simplifies the process of updating the PDF content as needed.

  • Call DocuSign to create the envelope
    • With the envelope definition and the attributes defined for the signer, document, and custom fields, we can now use the   Envelopes:create endpoint to create an envelope for the transaction.
      • First, instantiate a new instance of the API client (if using a DocuSign SDK).
      • Set the following default request header to add the access token to all API calls."Authorization: Bearer ${ACCESS_TOKEN}"
      • Initialise the Envelopes API.
      • Using the DocuSign integration key and the prepared envelope definition, generate and retrieve an envelope ID using the   Envelopes:create **endpoint.

Conclusion:

Through the second approach, we've streamlined the process by automating PDF generation and utilising it to seamlessly create envelopes with multiple recipients. This enhancement enables us to specify the precise order in which emails are dispatched for document signing, ensuring an efficient and organised workflow.

References:

https://developers.docusign.com/docs/esign-rest-api/

Testimonials

Don’t take our word for it.
See what our past clients say.

“Best Development Agency”

I'm impressed with the cloud and web development work done by Intuio! Their proficiency and effectiveness beyond my expectations. Strongly advised!

John Carter - Code Webflow Template
Jack C.
CEO at Accident LLC
Company Logo - Code Webflow Template

“One of the best agencies out there”

Outstanding assistance from Intuio! They have excellent cloud and mobile development services. delivered precisely and on schedule.

Will Spark - Code Webflow Template
Rahul B.
Partner at IP & Associates
Company Logo - Code Webflow Template

“True Experts in Cloud Development”

Happy with the outcome! With regard to cloud development services, Intuio excelled. dependable and competent service!

Sam Parker - Code Webflow Template
Marc D.
VP of Engineering at Stealth Startup
Company Logo - Code Webflow Template

“Best Development Agency”

Intuio's rapid POC implementation exceeded expectations, delivering quality results within the stipulated deadline. Highly recommend their expertise!

John Carter - Code Webflow Template
Thomas C.
Director at Telephony Company, USA
Company Logo - Code Webflow Template

“Best Professional Team”

I am extremely impressed Intuio's level of expertise and professionalism. Intuio is the best software consulting agency I have worked with.

Will Spark - Code Webflow Template
Will S.
Engineering at WXY
Company Logo - Code Webflow Template

“True Experts in Web Development”

When it comes to web development, Intuio is unmatched. Great experience always producing outstanding outcomes. Highly recommend Intuio !

Sam Parker - Code Webflow Template
Sam P.
VP of Engineering at Tin
Company Logo - Code Webflow Template
  Previous
Next   
Let’s get in touch

Ready to start working together with us?

 Email Icon - Code Webflow Template

Send us a message!

Don't miss out on the opportunity to take your business to new heights. Contact us now and let's embark on a journey of success together.

Contact us
Development Execution - Code Webflow Template

Browser our packages

From startups seeking a strong foundation to established enterprises aiming to optimize operations, our scalable and flexible packages cater to businesses of all sizes.

Browse packages