DocuSign Workflow Sample - Multiple Signers

The following procedure details a sample workflow and forms for a sequence that contains multiple signers.

Prerequisites

  1. The DocuSign properties are configured in Forms Builder. See DocuSign Settings.

  2. A form sequence is created. In our example, the sequence includes the following forms:

    1. Welcome

    2. CMC_Student_Personal Info — This is an admissions application form that collects the personal data of a student and contains four DocuSign components (signature and date fields for two signers).

      The signing process for the primary signer is the same as described in DocuSign Workflow Sample - Single Signer. The signing process for the primary signer is an embedded process within the form window. For the secondary signer, DocuSign sends an email along with the document to be signed to the secondary signer. The signing process for primary and secondary signer takes place within the same DocuSign request and the same envelop. DocuSign returns events when each signer signs the document and when the document is complete. The workflow responds to these events.

    3. CoSigner — This form informs the student that a co-signer is needed and provides two text boxes for the co-signer's name and email address.

    4. Default-Frame — This form contains an IFrame component with the following properties (case sensitive):
      Name = docuSignFrame
      Url = {{vm.models.frameUrl}}

      alert We recommend that you copy the original Default-Frame form, edit the copy, and use it in your sequences. Save a backup copy of your form.
    5. Default-DocuSignWait — This form is provided with the Forms Builder installation. It contains two HTML components.

      The first HTML component displays the text "Current user may close this browser tab. This page will auto submit when all the signatures are collected from DocuSign."

      The second HTML component contains the following JavaScript code which disables the Next button until the co-signer's signature is received:

      <script ng-if="!vm.models.signer2Complete" ng-cloak>
      $(document).ready(function(){
      var elem = $("[value='Automatically continues when all signatures collected']");
      elem.css("cursor", "not-allowed");
      elem.css("opacity", "0.65");
      });
      </script>

      alert The Default-DocuSignWait form will be overwritten when Forms Builder is upgraded. 
      Copy the original form, edit the copy, and use it in your sequences. Save a backup copy of your form.

      Note: Even though the Default-DocuSignWait form is provided for you, you must still add the Boolean argument signer2Complete that enforces the wait. The argument needs to be added in the transition after the DocuSignWait form.

      In Forms Builder 3.7 and later, when any signer after the first/primary signer declines to sign the document, Webhook sets signer2Complete to false upon return to the form sequence. To handle this scenario in the workflow for the sequence, use the signer2Complete argument as a Condition in an If activity. By checking the signer2Complete value, the If Then/Else branches can then be designed as needed. Closed

      • The Then branch would be entered if signer2Complete = true, i.e., all signers signed without issue and the signed document is retrieved.

      • The Else branch would be entered if signer2Complete = false, i.e., one of the signers declined. The subsequent activities could be to send an email notification to the first signer and/or update the document status in Anthology Student.

      signer2complete

      The argument signer2Complete needs to be defined in the Arguments tab. Be sure to match the casing in the JavaScript in the HTML component of the Default-DocuSignWait form. The argument is also used in the CreateDocuSignRequest (see below). Closed

      signer2complete argument

      This logic can be repeated as needed for additional signers.

To optimize the display of your e-signature forms on mobile devices, you may want to add the CSS described in this Note.

Values in the Type Property

The DocuSign component provides additional values on the Type property: Approve, Attachment, Checkbox, Company, Date, Date Signed, Decline, Email, Email Address, Envelope Id, Full Name, Initial, Number, Signature, Ssn, and Text.

The DocuSign component provides an automatic transition (auto-redirect) from the Default-Frame form to the confirmation form after a successful DocuSign session. The auto-redirect obsoletes the "DocuSign Confirmation Message Text" setting.

The auto-redirect depends on a forward direction in the WaitForFormBookmark activity in the transition after the DocuSign redirect state (typically Default-Frame), in particular if DisplayName has been modified.

  • If there is only a single button and DisplayName has been customized but Transition Type was left as "Default", the auto-redirect moves forward to next form state.

  • If there are two buttons and DisplayName(s) have been customized but Transition Type was left as "Default", the auto-redirect will assume the rightmost button (alphabetically last) is the transition for next state.

As a best practice, specify the Display Order and Transition Type (“MoveForward” or “MoveBack”) when button Display Name(s) have been customized as the behavior will be known. The Transition Type of “Default” was kept for compatibility for forms built prior to Transition Type being available on WaitForFormBookmark with default Display Names "Next" and "Back”.

In sequences for multiple signers, you must set Transition Type = MoveForward on the WaitForFormBookmark activity in the transition from the Default-Frame form to the DocuSignWait form. See Transition from the IFrame Form to the DocuSignWait Form.

Enhancements in Forms Builder 3.6

The DocuSign component provides additional values on the Type property: Approve, Attachment, Checkbox, Company, Date, Decline, Email, Email Address, Envelope Id, Number, Ssn, and Text.

The DocuSign component provides an automatic transition (auto-redirect) from the Default-Frame form to the confirmation form after a successful DocuSign session. The auto-redirect obsoletes the "DocuSign Confirmation Message Text" setting.

The auto-redirect depends on a forward direction in the WaitForFormBookmark activity in the transition after the DocuSign redirect state (typically Default-Frame), in particular if DisplayName has been modified.

  • If there is only a single button and DisplayName has been customized but Transition Type was left as "Default", the auto-redirect moves forward to next form state.

  • If there are two buttons and DisplayName(s) have been customized but Transition Type was left as "Default", the auto-redirect will assume the rightmost button (alphabetically last) is the transition for next state.

Best Practice is always to specify Display Order and Transition Type (“MoveForward” or “MoveBack”) when button Display Name(s) have been customized so behavior is known. The Transition Type of “Default” was kept for compatibility for forms built prior to Transition Type being available on WaitForFormBookmark with default Display Names "Next" and "Back”.

In sequences for multiple signers, you must set Transition Type = MoveForward on the WaitForFormBookmark activity in the transition from the Default-Frame form to the DocuSignWait form. See Transition from the IFrame Form to the DocuSignWait Form.

Test the Multiple Signer Feature

To test the multiple signature feature with DocuSign, the test environment needs to meet specific requirements. DocuSign will try to call APIs on Renderer when secondary signers complete their signing process via email. This feature is referred to as Webhook and DocuSign Connect.

  • If you are testing with a DocuSign account in test mode:

    • Renderer must be hosted on port 80 or 443.

    • Port 80 or 443 must be open on the firewall depending on which port Renderer is using for DocuSign to communicate. You can request an exception from your IT team for port 80 or 443 for an IP address range. The IP address ranges used for demo accounts are listed at this link: https://trust.docusign.com/en-us/trust-certifications/ip-ranges/

  • If you are testing with a live DocuSign account:

    • Renderer must be hosted on port 443 (https).

    • If hosting Renderer on port 443 is not possible, a DocuSign representative for your account will have to make an exception.

To confirm that multi-signature forms are completing the workflow process, please confirm that Webhook responses are received and displayed in the log. For more information, see Webhook Responses for Multiple Signer Sequences.

Set Up DocuSign Account Preferences

The Multiple Signer feature requires a specific setting in your DocuSign account. To enable the feature, log in to your DocuSign account and navigate to Account Administration > Features. Select the DocuSign Connect check box. This feature must be enabled for the WebHook  functionality to work.

Another setting that is available in your Anthology Student account is found under Manage Account > Email Notifications. Here you configure who receives the DocuSign email when the institution is a signer or a sender.

Create the Workflow