Widgets

On this page you can find information about our available widgets.

Simple file send widget

../../_images/simpleSend1.png

This widget allows anyone to send a file to be signed on our platform without needing to authorize on it. To send a file just drag & drop it onto the upload zone, or click it to select a file manually.

../../_images/simpleSend2.png

In the following step signers email address should be entered.

../../_images/simpleSend3.png

After it, senders email should be entered. Please note that this email address should not be registered on the platform.

../../_images/simpleSend4.png

After entering senders address, please confirm the action by entering a code that will be sent to senders email.

../../_images/simpleSend5.png

After a successful confirmation, envelope will be created and sent to the signer. Upon the envelope completion an email notification will be sent to the sender.

Tip

Please note, that widget has a limit of 3 files per 5 minutes from one IP address to avoid spam.

To embed this widget in any web page, please do as described below:

  1. Insert javascript into your webpage just after a <body> tag

<script src="https://platform_url_here/widgets/simple-send.bundle.js"></script>
<wd-widget base-api="https://platform_url_here/"></wd-widget>

Note

Platform URL has to be replaced with a real one (e.g. https://app.docstudio.com/)

  1. Insert and style <div> where widget will be rendered

  2. Insert javascript code into your webpage

  3. You can style elements of the widget since all CSS classes we use are prefixed

  4. Example implementation:

<!DOCTYPE html>
<html lang="uk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple Send</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            background: #f0f2f5;
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <wd-widget base-api="https://platform_url_here/"></wd-widget>
    </div>
    <script src="dist/simple-send.bundle.js"></script>
</body>
</html>

Note

Platform URL has to be replaced with a real one (e.g. https://app.docstudio.com/)

Tip

Please note the widgets min required dimensions - min-height: 504px, min-width: 350px