> For the complete documentation index, see [llms.txt](https://docs.zapsign.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.zapsign.com.br/widget/como-funciona.md). # 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! {% hint style="warning" %} Para utilizar o widget, seu aplicativo deve ser uma aplicação web compatível com JavaScript. {% endhint %} ### Adição do Widget ao seu site **Para incorporar o widget da ZapSign** ao seu site, **utilize o código HTML fornecido abaixo.** ```markup Teste Widget ZapSign ``` {% hint style="info" %} 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](/tipos-de-tokens-e-como-localiza-los.md) para saber mais. {% endhint %} *** ### 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. Ebook marketing digital moderno azul cinza capa para ebook.png
zs-doc-signed: Notifica quando o signatário conclui a assinatura do documento. Ebook marketing digital moderno azul cinza capa para ebook.png
zs-signed-file-ready: Informa que o PDF assinado está pronto para download (neste momento, o botão "baixar assinado" é ativado).Ebook marketing digital moderno azul cinza capa para ebook.png
*** ### Atributo Allow No widget da ZapSign, O atributo `allow` no elemento `