{"_id":"54dd180908f6b61700a69203","project":"54da5d2f5b80b62300dadc4e","version":{"_id":"54da5d305b80b62300dadc51","project":"54da5d2f5b80b62300dadc4e","__v":7,"createdAt":"2015-02-10T19:34:08.062Z","releaseDate":"2015-02-10T19:34:08.062Z","categories":["54da5d305b80b62300dadc52","54da704b11dfeb1900430309","54da705c44b1090d00072b34","54db48c86db3861700c840c5","54db48cd7dadb32300511364","54dbaa0c7dadb3230051143b","572b89f0b352ab0e003daca2"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"v1.0","version_clean":"1.0.0","version":"1"},"__v":94,"category":{"_id":"54db48cd7dadb32300511364","project":"54da5d2f5b80b62300dadc4e","version":"54da5d305b80b62300dadc51","__v":5,"pages":["54dd180908f6b61700a69203","54dd1866ca1e5219007e9db6","54dd18bbca1e5219007e9db8","54dd190f08f6b61700a69206","54dd1d26ca1e5219007e9dba"],"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-02-11T12:19:25.480Z","from_sync":false,"order":2,"slug":"widget","title":"Widget"},"parentDoc":null,"user":"54da5cb85b80b62300dadc4b","githubsync":"","metadata":{"title":"","description":"","image":[]},"updates":["54dde18bed6e6b0d0050327c","56dddb6566c2162b00f1bcba"],"next":{"pages":[],"description":""},"createdAt":"2015-02-12T21:15:53.047Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"settings":"","results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":0,"body":"[block:callout]\n{\n  \"type\": \"danger\",\n  \"body\": \"Sugerimos que você utilize a nova plataforma da Clicksign. Consulte a documentação da API em https://developers.clicksign.com. \\n\\nEsta documentação é referente à API da plataforma Clicksign Classic.\",\n  \"title\": \"Utilize a nova plataforma de assinatura\"\n}\n[/block]\n**Widget** é um componente de assinatura eletrônica da Clicksign instalado e executado na página web do cliente. O widget preserva o fluxo contínuo do usuário em uma contratação por não implicar a troca de contexto do usuário para o website da Clicksign. Vantagens: maior taxa de conversão da contratação, aumento da confiança do usuário, e reforço de marca do cliente. \n\nO widget possibilita a assinar documentos de forma extremamente rápida. Para assinar, é necessário preencher apenas o nome, CPF e o código aleatório que é enviado pela Clicksign por e-mail.\n\nA Rest API é a integração `backend` enquanto o Widget é a integração `frontend`.\n\n  * Confira abaixo como é o fluxo de assinatura através do widget.\n  * Para instalar o widget em seu website, comece pela página [Instalação](doc:instalacao-widget).\n  * Para explicação detalhada de como o widget funciona, verifique a página [Funcionamento](doc:funcionamento-widget).\n  * Para assinar diversos documentos de uma única vez, verifique a página [Assinatura em lote](doc:assinatura-em-lote-widget). \n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Fluxo de assinatura através do widget\"\n}\n[/block]\n1\\. Documento mostrado através do widget.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/UAMVtRRScOVscqTyzYUg_widget01.png\",\n        \"widget01.png\",\n        \"982\",\n        \"602\",\n        \"#5cb435\",\n        \"\"\n      ],\n      \"caption\": \"\"\n    }\n  ]\n}\n[/block]\n2\\. Após clicar no botão Assinar, é necessário preencher os dados.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/uTJymwWKQLWW5hx6Zu6Q_widget02.png\",\n        \"widget02.png\",\n        \"982\",\n        \"602\",\n        \"#ec5c5c\",\n        \"\"\n      ],\n      \"caption\": \"\"\n    }\n  ]\n}\n[/block]\n3\\. Usuário preenche o nome, o CPF e a data de nascimento. Também é possível passar esses dados por parâmetro.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/vdtZLAHGTMGBiHHAc2YE_widget03.png\",\n        \"widget03.png\",\n        \"982\",\n        \"602\",\n        \"#ec5c5c\",\n        \"\"\n      ],\n      \"caption\": \"\"\n    }\n  ]\n}\n[/block]\n4\\. A Clicksign dispara um e-mail com código aleatório para o usuário.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/PJBQtSQZWFYeznlRlPNQ_widget05.png\",\n        \"widget05.png\",\n        \"982\",\n        \"602\",\n        \"#886c68\",\n        \"\"\n      ],\n      \"caption\": \"\"\n    }\n  ]\n}\n[/block]\n5\\. O usuário preenche o código recebido por e-mail no widget, e clica no botão Assinar.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/Ia9DAyOERJajbbuVbXs9_widget04.png\",\n        \"widget04.png\",\n        \"982\",\n        \"602\",\n        \"#ec5c5c\",\n        \"\"\n      ],\n      \"caption\": \"\"\n    }\n  ]\n}\n[/block]\n6\\. O documento está assinado.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/MLQ3tKlTT8qm6ZmFCMP7_widget06.png\",\n        \"widget06.png\",\n        \"982\",\n        \"602\",\n        \"#a7aa44\",\n        \"\"\n      ],\n      \"caption\": \"\"\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"introducao-widget","type":"basic","title":"Introdução"}
[block:callout] { "type": "danger", "body": "Sugerimos que você utilize a nova plataforma da Clicksign. Consulte a documentação da API em https://developers.clicksign.com. \n\nEsta documentação é referente à API da plataforma Clicksign Classic.", "title": "Utilize a nova plataforma de assinatura" } [/block] **Widget** é um componente de assinatura eletrônica da Clicksign instalado e executado na página web do cliente. O widget preserva o fluxo contínuo do usuário em uma contratação por não implicar a troca de contexto do usuário para o website da Clicksign. Vantagens: maior taxa de conversão da contratação, aumento da confiança do usuário, e reforço de marca do cliente. O widget possibilita a assinar documentos de forma extremamente rápida. Para assinar, é necessário preencher apenas o nome, CPF e o código aleatório que é enviado pela Clicksign por e-mail. A Rest API é a integração `backend` enquanto o Widget é a integração `frontend`. * Confira abaixo como é o fluxo de assinatura através do widget. * Para instalar o widget em seu website, comece pela página [Instalação](doc:instalacao-widget). * Para explicação detalhada de como o widget funciona, verifique a página [Funcionamento](doc:funcionamento-widget). * Para assinar diversos documentos de uma única vez, verifique a página [Assinatura em lote](doc:assinatura-em-lote-widget). [block:api-header] { "type": "basic", "title": "Fluxo de assinatura através do widget" } [/block] 1\. Documento mostrado através do widget. [block:image] { "images": [ { "image": [ "https://files.readme.io/UAMVtRRScOVscqTyzYUg_widget01.png", "widget01.png", "982", "602", "#5cb435", "" ], "caption": "" } ] } [/block] 2\. Após clicar no botão Assinar, é necessário preencher os dados. [block:image] { "images": [ { "image": [ "https://files.readme.io/uTJymwWKQLWW5hx6Zu6Q_widget02.png", "widget02.png", "982", "602", "#ec5c5c", "" ], "caption": "" } ] } [/block] 3\. Usuário preenche o nome, o CPF e a data de nascimento. Também é possível passar esses dados por parâmetro. [block:image] { "images": [ { "image": [ "https://files.readme.io/vdtZLAHGTMGBiHHAc2YE_widget03.png", "widget03.png", "982", "602", "#ec5c5c", "" ], "caption": "" } ] } [/block] 4\. A Clicksign dispara um e-mail com código aleatório para o usuário. [block:image] { "images": [ { "image": [ "https://files.readme.io/PJBQtSQZWFYeznlRlPNQ_widget05.png", "widget05.png", "982", "602", "#886c68", "" ], "caption": "" } ] } [/block] 5\. O usuário preenche o código recebido por e-mail no widget, e clica no botão Assinar. [block:image] { "images": [ { "image": [ "https://files.readme.io/Ia9DAyOERJajbbuVbXs9_widget04.png", "widget04.png", "982", "602", "#ec5c5c", "" ], "caption": "" } ] } [/block] 6\. O documento está assinado. [block:image] { "images": [ { "image": [ "https://files.readme.io/MLQ3tKlTT8qm6ZmFCMP7_widget06.png", "widget06.png", "982", "602", "#a7aa44", "" ], "caption": "" } ] } [/block]