{"id":6343,"date":"2021-09-16T17:06:38","date_gmt":"2021-09-16T16:06:38","guid":{"rendered":"https:\/\/help.cirrus-shield.com\/docs\/admin-guide\/plugins\/signature-electronique-installation\/"},"modified":"2022-03-15T22:11:44","modified_gmt":"2022-03-15T21:11:44","slug":"e-signature-configuration","status":"publish","type":"docs","link":"https:\/\/help.cirrus-shield.com\/en\/docs\/admin-guide\/plugins\/e-signature-configuration\/","title":{"rendered":"HelloSign"},"content":{"rendered":"\n<div class=\"wp-block-image .wedocs-single-wrap .wedocs-single-content article .entry-content img { max-width: 100%; border: 1px solid #eee; margin-top: 20px; margin-bottom: 30px; padding: 2px; height: auto; background: #F9F9F9; display: block;\"><figure class=\"aligncenter size-full\"><a href=\"https:\/\/fr.hellosign.com\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"82\" src=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/5ac67445ac26cb3678aa7d71_-hellosign-og.png\" alt=\"\" class=\"wp-image-6196\"\/><\/a><\/figure><\/div>\n\n\n\n<p>By connecting <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/fr.hellosign.com\/\" target=\"_blank\">HelloSign <\/a><\/strong>to Cirrus Shield you benefit from the e-signature feature that allows your team to send documents that need to be signed and save them to their activity. E-signature speeds up your work, improves document processing times and reduces sales cycles.<\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i1.wp.com\/css-tricks.com\/wp-content\/uploads\/2017\/05\/mobile-signing.png?ssl=1\" alt=\"HelloSign: The Industry's Fastest eSignature API Integration | CSS-Tricks\" width=\"400\" height=\"270\"\/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">1- Subscribe to HelloSign<\/h2>\n\n\n\n<p>Cirrus Shield plugin for HelloSign requires <a href=\"https:\/\/app.hellosign.com\/api\/pricing\" target=\"_blank\" rel=\"noreferrer noopener\">an API price<\/a>. You should create a HelloSign account before proceeding with the next steps.<\/p>\n\n\n\n<p>Once your HelloSign account has been created, you will need to retrieve the <strong>API key<\/strong> and the <strong>Client ID<\/strong> to configure the plugin.<\/p>\n\n\n\n<p>Sign in to your HelloSign account then go to <a rel=\"noreferrer noopener\" href=\"https:\/\/app.hellosign.com\/home\/myAccount?current_tab=api\" target=\"_blank\">this page<\/a>. <\/p>\n\n\n\n<p>To retrieve the API key, click on &#8220;Generate the API key&#8221; or &#8220;Display the key&#8221; if it has already been generated. <br><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-1-1024x512.png\" alt=\"\" class=\"wp-image-6207\" width=\"735\" height=\"368\" srcset=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-1-1024x512.png 1024w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-1-300x150.png 300w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-1-768x384.png 768w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-1-1536x768.png 1536w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-1.png 1798w\" sizes=\"(max-width: 735px) 100vw, 735px\" \/><\/figure><\/div>\n\n\n\n<p>To retrieve the Client ID, you need to create an API Application. To do this, click on <strong>&#8220;Create&#8221;<\/strong> an API application. Complete the form as follows, replacing [ClientName] with the name of your company<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"946\" src=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image_2021_10_05T10_46_53_511Z.png\" alt=\"\" class=\"wp-image-6334\" srcset=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image_2021_10_05T10_46_53_511Z.png 770w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image_2021_10_05T10_46_53_511Z-244x300.png 244w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image_2021_10_05T10_46_53_511Z-768x944.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p>Click on the <strong>&#8220;Create an Application&#8221;<\/strong> button to create the application configured in this way. Now you have the Client ID that you can copy in the configuration page of the Cirrus Shield connector for HelloSign.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image-3.png\" alt=\"\" class=\"wp-image-6338\" width=\"436\" height=\"253\" srcset=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image-3.png 571w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image-3-300x174.png 300w\" sizes=\"(max-width: 436px) 100vw, 436px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">2- Log in to Cirrus Shield CRM to confiure the HelloSign plugin<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li> Go to <strong>Setup Menu<\/strong> (by clicking on your name at the top right)<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Click on &#8220;Plugins&#8221; (on your left) &gt; New Button&gt; Plugin HelloSign &gt; Install.<br><\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image-1-1024x431.png\" alt=\"\" class=\"wp-image-6306\" width=\"710\" height=\"298\" srcset=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image-1-1024x431.png 1024w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image-1-300x126.png 300w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image-1-768x323.png 768w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image-1.png 1268w\" sizes=\"(max-width: 710px) 100vw, 710px\" \/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>Enter the Client ID and API Key you obtained previously in the corresponding fields.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Our plugin supports signature tags, allowing you to insert tags in the document to be signed and which will contain the signatures. If you want to use this feature in your document templates, check the box next to &#8220;Use text tags&#8221;. If you don&#8217;t want to use this feature or don&#8217;t know what it is, we recommend leaving this box unchecked.<br><\/li><li>Log in to your Cirrus Shield account (username and password)<br><\/li><li>Configure the plugin by inserting:<ul><li>The subject of the email : this text is used in the subject of the email that is sent to the signatories.<\/li><li>The body of the email : this text is used in the body of the email that is sent to the signatories.<\/li><\/ul><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">3- Check the configuration of the Document object<\/h2>\n\n\n\n<p>The document&#8217;s signature status is automatically updated by HelloSign in Cirrus Shield. HelloSign updates the field \u00ab\u00a0Signature_Status\u00a0\u00bb. You therefore have to make sure this field is present on the Document object and that it contains the following values :<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Field label<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\"><strong>API Name<\/strong><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Sent for signature<\/td><td class=\"has-text-align-center\" data-align=\"center\">signature signature_request_sent<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Viewed<\/td><td class=\"has-text-align-center\" data-align=\"center\">signature_request_viewed<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Signed<\/td><td class=\"has-text-align-center\" data-align=\"center\">signature_request_all_signed<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Refused<\/td><td class=\"has-text-align-center\" data-align=\"center\">signature_request_declined<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Email incorrect<\/td><td class=\"has-text-align-center\" data-align=\"center\">signature_request_email_bounce<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Error<\/td><td class=\"has-text-align-center\" data-align=\"center\">signature_request_invalid<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Error<\/td><td class=\"has-text-align-center\" data-align=\"center\">file_error<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Error<\/td><td class=\"has-text-align-center\" data-align=\"center\">unknown_error<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">4- Add the HelloSign button in the &#8220;Documents&#8221; module<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>In your Cirrus Shield interface, click on Setup &gt; Objetcs &gt; D\u00e9tails of Document object &gt; onglet Boutons personnalis\u00e9s.<\/li><li>Creatze a new button and name it &#8220;Send for Signature&#8221;. Configure this button as follow :<ul><li><strong>Label :<\/strong> Envoyer pour signature<\/li><li><strong>Icon : <\/strong>pen<\/li><li><strong>Display type:<\/strong> DetailPageButton<\/li><li><strong>Behavior:<\/strong> ExecuteJavaScript<\/li><li><strong>Fonction To Call :<\/strong> send_to_sign()<\/li><li><strong>Function Code : <\/strong><\/li><\/ul><\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>\nfunction send_to_sign() {\n    let org = GetOrganizationInfo();\n    let recordGUID = GetRecordGUID();\n    let myDoc = GetDataByID(recordGUID, \"Document\", \"Contact, File, Name\");\n    let contact = GetDataByID(myDoc.Contact, \"Contact\", \"First_Name, Last_Name, Email\");\n\n    const obj = {\n        OrganizationGUID: org.Id,\n        SignerName: contact.First_Name,\n        SignerEmail: contact.Email,        \n        CSrecordGUID: recordGUID,\n        CSObjectName: \"Document\",\n        CSFieldName: \"File\",       \n    };\n\n    var formData = new FormData   \n    console.log(JSON.stringify(obj, null, \"\\t\"));\n    formData.append(\"SignatureRequest\", JSON.stringify(obj));\n    var signatureRequest = $('#form1').serializeArray();\n    var settings = {\n        \"url\": \"https:\/\/hsign.cirrus-shield.net\/api\/HsignManager\/SignatureCreateforCS\",\n        \"method\": \"POST\",\n        \"timeout\": 0,\n        \"processData\": false,\n        \"mimeType\": \"multipart\/form-data\",\n        \"contentType\": false,\n        \"data\": formData\n    };\n$('.loader').show(); \n    $.ajax(settings).done(function (response) {\n$('.loader').hide(); \n           alert(\"Signature request sent successfully.\")\n    \n        \/\/$(\"#response\").append(response);\n    });\n\n}\n \n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Save this configuration<\/li><li>Select the profiles that have access to this button. Profiles that are not selected will not see this button. <\/li><li>Go to the &#8220;Document&#8221; Module in the CRM. <\/li><li>Click on the desired document. <\/li><li>You will find the button :<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image .wedocs-single-wrap .wedocs-single-content article .entry-content img { max-width: 100%; border: 1px solid #eee; margin-top: 20px; margin-bottom: 30px; padding: 2px; height: auto; background: #F9F9F9; display: block;\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1906\" height=\"1064\" src=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/Untitled-Project-2.gif\" alt=\"\" class=\"wp-image-6226\"\/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">5- Create a document in Cirrus Shield<\/h2>\n\n\n\n<p>The next step will explain how to add a file in the document Module :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Create a new document in the &#8220;Document&#8221; module and upload the file to sign (accepted document types: Word or PDF).<\/li><li>Associate the contact to whom you wish to send the document for signature.<\/li><li>Our plugin supports signature tags, allowing you to insert tags into the document to be signed that will contain the signatures. If you want to use this feature in your document templates, check with your administrator if this feature has been enabled.<\/li><li>Upload the document to Cirrus Shield. You can drag and drop the document on the &#8220;Upload&#8221; button:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-4-1024x289.png\" alt=\"\" class=\"wp-image-6254\" width=\"533\" height=\"150\" srcset=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-4-1024x289.png 1024w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-4-300x85.png 300w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-4-768x217.png 768w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-4-1536x433.png 1536w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-4.png 1798w\" sizes=\"(max-width: 533px) 100vw, 533px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Click the &#8220;Save&#8221; button to save the document.<\/li><li>To send the document for signature to the contact associated with this document, click on the \u201cSend for signature\u201d button.<\/li><li>Your contact will receive the following email :<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-5.png\" alt=\"\" class=\"wp-image-6256\" width=\"431\" height=\"434\" srcset=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-5.png 868w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-5-297x300.png 297w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-5-150x150.png 150w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-5-768x775.png 768w\" sizes=\"(max-width: 431px) 100vw, 431px\" \/><\/figure>\n\n\n\n<p>The Customer must click on &#8220;Review &amp; Sign&#8221;, he will then be redirected to a page where he must click on &#8220;Click to Sign&#8221; to sign:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-6-1024x668.png\" alt=\"\" class=\"wp-image-6258\" width=\"534\" height=\"348\" srcset=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-6-1024x668.png 1024w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-6-300x196.png 300w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-6-768x501.png 768w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-6.png 1068w\" sizes=\"(max-width: 534px) 100vw, 534px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-7.png\" alt=\"\" class=\"wp-image-6260\" width=\"527\" height=\"396\" srcset=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-7.png 977w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-7-300x226.png 300w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/09\/image-7-768x578.png 768w\" sizes=\"(max-width: 527px) 100vw, 527px\" \/><\/figure>\n\n\n\n<p>You will automatically receive an email from HelloSign if the signer has viewed or signed the document.<\/p>\n\n\n\n<p>The signer also receives a confirmation email when the document is signed.<\/p>\n\n\n\n<p>Once the document is signed, it is updated in the &#8220;Document&#8221; module in the record. The signed version overwrites the unsigned version of the document.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">6- Log in to HelloSign to keep track of your documents<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image.png\" alt=\"\" class=\"wp-image-6302\" width=\"762\" height=\"519\" srcset=\"https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image.png 989w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image-300x204.png 300w, https:\/\/help.cirrus-shield.com\/wp-content\/uploads\/2021\/10\/image-768x523.png 768w\" sizes=\"(max-width: 762px) 100vw, 762px\" \/><\/figure>\n","protected":false},"author":12,"featured_media":6243,"parent":1363,"menu_order":2,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"doc_tag":[],"class_list":["post-6343","docs","type-docs","status-publish","has-post-thumbnail","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/help.cirrus-shield.com\/en\/wp-json\/wp\/v2\/docs\/6343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.cirrus-shield.com\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.cirrus-shield.com\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.cirrus-shield.com\/en\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/help.cirrus-shield.com\/en\/wp-json\/wp\/v2\/comments?post=6343"}],"version-history":[{"count":2,"href":"https:\/\/help.cirrus-shield.com\/en\/wp-json\/wp\/v2\/docs\/6343\/revisions"}],"predecessor-version":[{"id":7002,"href":"https:\/\/help.cirrus-shield.com\/en\/wp-json\/wp\/v2\/docs\/6343\/revisions\/7002"}],"up":[{"embeddable":true,"href":"https:\/\/help.cirrus-shield.com\/en\/wp-json\/wp\/v2\/docs\/1363"}],"next":[{"title":"Calendly","link":"https:\/\/help.cirrus-shield.com\/en\/docs\/admin-guide\/plugins\/calendly-integration\/","href":"https:\/\/help.cirrus-shield.com\/en\/wp-json\/wp\/v2\/docs\/6385"}],"prev":[{"title":"Stripe","link":"https:\/\/help.cirrus-shield.com\/en\/docs\/admin-guide\/plugins\/stripe\/","href":"https:\/\/help.cirrus-shield.com\/en\/wp-json\/wp\/v2\/docs\/1397"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/help.cirrus-shield.com\/en\/wp-json\/wp\/v2\/media\/6243"}],"wp:attachment":[{"href":"https:\/\/help.cirrus-shield.com\/en\/wp-json\/wp\/v2\/media?parent=6343"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.cirrus-shield.com\/en\/wp-json\/wp\/v2\/doc_tag?post=6343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}