Como funciona o Widget
Configure Widgets no seu site de forma rápida e fácil!
Com o widget da ZapSign, você integra a assinatura eletrônica diretamente no seu site, garantindo uma experiência fluida e segura!
Para utilizar o widget, seu aplicativo deve ser uma aplicação web compatível com JavaScript.
Adição do Widget ao seu site
Para incorporar o widget da ZapSign ao seu site, utilize o código HTML fornecido abaixo.
<!DOCTYPE html>
<html>
<head>
<title>Teste Widget ZapSign</title>
</head>
<body>
<!-- Atenção: é importante que você inclua o atributo 'allow' no seu iframe para que possamos pedir a foto do signatario ou foto do documento do signatario caso você tenha optado por algum desses métodos de assinatura -->
<iframe src="https://app.zapsign.com.br/verificar/TOKEN-DO-SIGNATÁRIO" width="100%" height="800px" allow="camera"></iframe>
<script>
window.onmessage = function(e){
if(e.data === 'zs-doc-loaded'){
alert('Doc loaded in iframe')
}
if(e.data === 'zs-doc-signed'){
alert('Doc signed by signer')
}
if(e.data === 'zs-signed-file-ready'){
alert('Signed file (final pdf) ready to download')
}
};
</script>
</body>
</html>
Usando Window.onmessage com os Widgets
A função window.onmessage
é opcional, mas ajuda a fornecer feedback imediato aos usuários, garantindo uma experiência de assinatura mais rápida e eficiente.
Os eventos disponíveis incluem: carregamento do documento, conclusão da assinatura e disponibilidade do arquivo assinado para download.
Atributo Allow
No widget da ZapSign, O atributo allow
no elemento <iframe>
permite o acesso à câmera do dispositivo quando necessário, como na captura de foto do signatário ou de um documento durante o processo de assinatura. Adicionar allow="camera"
garante que o widget possa solicitar a câmera, se essa opção de assinatura estiver habilitada.
Documentos que utilizam autenticação por reconhecimento facial exigem configurações adicionais para garantir a segurança de toda a aplicação. Se precisar dessa funcionalidade ou tiver dúvidas em como incorporá-la em seu fluxo, entre em contato com nossa equipe de suporte através do e-mail support@zapsign.com.br
Last updated
Was this helpful?