With OneSpan Sign, you have the ability to sign anywhere, anytime, and on any device. This guide shows you how to sign signatures using your mobile device.

The Code

Below is a sample example code on how to build your Signature object in order to add a mobile capture signature.
Signature mobileSignature = SignatureBuilder.mobileCaptureFor("[email protected]")
	    .onPage(0)
	    .atPosition(100, 100)
	    .build();
If you're not able to add mobile capture signatures, contact support to have this feature turned on in your account.

Results

Once your signers are ready to sign, they will have the option to either sign using their mobile device or sign directly through your application.

Capture

Get the Code | See this feature in action in our Interactive Demo

With OneSpan Sign, you have the ability to sign anywhere, anytime, and on any device. This guide shows you how to sign signatures using your mobile device.

The Code

Below is a sample example code on how to build your Signature object in order to add a mobile capture signature.
Signature mobileSignature = SignatureBuilder.MobileCaptureFor("[email protected]")
	    .OnPage(0)
	    .AtPosition(100, 100)
	    .Build();
If you're not able to add mobile capture signatures, contact support to have this feature turned on in your account.

Results

Once your signers are ready to sign, they will have the option to either sign using their mobile device or sign directly through your application.

Capture

Get the Code | See this feature in action in our Interactive Demo

With OneSpan Sign, you have the ability to sign anywhere, anytime, and on any device. This guide shows you how to sign signatures using your mobile device.

The Code

The sample JSON payload below shows you how to create a package with a mobile capture signature on a document.

HTTP Request

POST /api/packages

HTTP Headers

Accept: application/json Content-Type: multipart/form-data Authorization: Basic api_key

Request Payload

------WebKitFormBoundary1bNO60n7FqP5WO4t
Content-Disposition: form-data; name="file"; filename="testDocumentExtraction.pdf"
Content-Type: application/pdf
%PDF-1.5
%µµµµ
1 0 obj
<>>>
endobj.... 
------WebKitFormBoundary1bNO60n7FqP5WO4t
Content-Disposition: form-data; name="payload"
{
  "documents": [
    {
      "approvals": [
        {
          "id": "ExampleSignatureId",
          "role": "Signer1",
          "fields": [
            {
              "page": 0,
              "top": 100,
              "subtype": "MOBILE_CAPTURE",
              "height": 50,
              "left": 100,
              "width": 200,
              "type": "SIGNATURE",
              "name": "ExampleSignatureId"
            }
          ],
          "name": ""
        }
      ],
      "id": "sample-contract",
      "name": "Example document"
    }
  ],
  "status": "SENT",
  "type": "PACKAGE",
  "roles": [
    {
      "id": "Signer1",
      "type": "SIGNER",
      "signers": [
        {
          "email": "[email protected]",
          "firstName": "John",
          "lastName": "Smith",
          "id": "Signer1"
        }
      ],
      "name": "Signer1"
    }
  ],
  "name": "Mobile Capture Example Package"
}
------WebKitFormBoundary1bNO60n7FqP5WO4t--

For a complete description of each field, take a look at the Request Payload section below.

Response Payload

{
    "id": "9sKhW-h-qS9m6Ho3zRv3n2a-rkI="
}
If you're not able to add mobile capture signatures, contact support to have this feature turned on in your account.

Results

Once your signers are ready to sign, they will have the option to either sign using their mobile device or sign directly through your application.

Capture

Get the Code | See this feature in action in our Interactive Demo

Request Payload

PropertyTypeEditableRequiredDefaultSample Value(s)
statusstringYesNoDRAFTDRAFT / SENT / COMPLETED / ARCHIVED / DECLINED / OPTED_OUT / EXPIRED
typestringYesNoPACKAGEPACKAGE / TEMPLATE / LAYOUT
namestringYesYesn/aMobile Capture Example Package
documents
namestringYesNon/aExample document
idstringYesNon/asample-contract
approvals
fields
subtypestringYesNon/aFULLNAME / INITIALS / CAPTURE / MOBILE_CAPTURE / LABEL / TEXTFIELD / TEXTAREA / CHECKBOX / DATE / RADIO / LIST
typestringYesNon/aSIGNATURE / INPUT
extractbooleanYesNofalsetrue / false
heightintegerYesNo5050 / 100 / 150 ...
leftintegerYesNo050 / 100 / 150 ...
pageintegerYesNo00 / 1 / 2 ...
topintegerYesNo050 / 100 / 150 ...
widthintegerYesNo20050 / 100 / 150 ...
rolestringYesNon/aSigner1
idstringYesNon/aExampleSignatureId
roles
idstringYesNon/aSigner1
namestringYesNon/aSigner1
typestringYesNoSIGNERSIGNER / SENDER
signers
emailstringYesYesn/a[email protected]
firstNamestringYesYesn/aJohn
lastNamestringYesYesn/aSmith
phonestringYesNon/a514-555-8888
idstringYesNon/aSigner1
companystringYesNon/aAcme Inc.
titlestringYesNon/aManaging Director
With OneSpan Sign, you have the ability to sign anywhere, anytime, and on any device. This guide shows you how to sign signatures using your mobile device.

The Code

Below is a sample example code on how to build your Signature object in order to add a mobile capture signature.
    	String roleId = 'b9bb2f89-4a27-4c9a-80fc-aaad70f8cac8';
    	
    	ESignLiveAPIObjects.Field field_mobile_capture = new ESignLiveAPIObjects.Field();
        field_mobile_capture.id = 'field_mobile_capture';		
        field_mobile_capture.type = 'SIGNATURE';
        field_mobile_capture.subtype = 'MOBILE_CAPTURE';
    	field_mobile_capture.page = 0;
    	field_mobile_capture.top = 100.0;
    	field_mobile_capture.left = 50.0;
    	field_mobile_capture.width = 150.0;
    	field_mobile_capture.height = 50.0;
    	
    	ESignLiveAPIObjects.Approval approval_mobile_capture = new ESignLiveAPIObjects.Approval();
        approval_mobile_capture.fields = new List<ESignLiveAPIObjects.Field>{field_mobile_capture};
        approval_mobile_capture.id = 'approval_mobile_capture';
        approval_mobile_capture.role = roleId;
If you’re not able to add mobile capture signatures, contact support to have this feature turned on in your account.

Results

Once your signers are ready to sign, they will have the option to either sign using their mobile device or sign directly through your application.

Capture

Get the Code | See this feature in action in our Interactive Demo