# How widget works With the ZapSign widget, you can integrate electronic signatures directly into your website, ensuring a smooth and secure experience! {% hint style="warning" %} To use the widget, your application must be a web application compatible with JavaScript. {% endhint %} ### Adding the Widget to Your Site **To embed the ZapSign widget** into your site, **use the HTML code provided below**: ```markup Test Widget ZapSign ``` {% hint style="info" %} Each signer has their own token, and the linkage occurs automatically when creating the document. See the section ["Types of Tokens and How to Locate Them"](/english/types-of-tokens.md) for more information. {% endhint %} *** ### Using `window.onmessage` with the Widgets The `window.onmessage` function is optional but helps provide immediate feedback to users, ensuring a faster and more efficient signing experience. Available events include: document loading, signature completion, and the availability of the signed file for download.
zs-doc-loaded: when the PDF finishes loading on the signer's screen./files/lTQ3RRm2s3TeQUhyxRUc
zs-doc-signed: when the signer successfully signs the document./files/lTQ3RRm2s3TeQUhyxRUc
zs-signed-file-ready: when the final PDF is ready to download (this is when the "download signed" button is enabled for example)./files/lTQ3RRm2s3TeQUhyxRUc
*** ### Allow Attribute In the ZapSign widget, the `allow` attribute in the `