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.

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>

Cada signatário possui seu próprio token e a vinculação acontece automaticamente ao criar o documento. Vá para o capítulo Tipos de Tokens e Como Localizá-los para saber mais.

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.

zs-doc-loaded: Indica que o PDF foi carregado na tela do signatário.

zs-doc-signed: Notifica quando o signatário conclui a assinatura do documento.

zs-signed-file-ready: Informa que o PDF assinado está pronto para download (neste momento, o botão "baixar assinado" é ativado).

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 [email protected]

PreviousDeletar webhook

Last updated 10 months ago

Was this helpful?

Adição do Widget ao seu site

Usando Window.onmessage com os Widgets

Atributo Allow