> For the complete documentation index, see [llms.txt](https://developers.docstudio.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developers.docstudio.com/guides/simple-file-send-widget.md).

# Simple File Send widget

This document explains how to use and embed the Simple File Send Widget.

### Send a file

Use this [widget](https://app.docstudio.com/widgets/simple-send.html) to let anyone send a file for signing without authorization.

<figure><img src="https://2619072834-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcOltVL8GwCu4tL8RwTDW%2Fuploads%2FUGKJXav4XAoo3YMB1Hv0%2Fwidget.gif?alt=media&amp;token=0c6e5799-bbcc-4e2c-976e-c1f34cf26fc5" alt=""><figcaption></figcaption></figure>

1. Drag and drop a file into the upload zone, or click the zone to select a file manually.
2. Enter the **Recipient's email address**.
3. Click the <img src="https://2619072834-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcOltVL8GwCu4tL8RwTDW%2Fuploads%2FpCIUKmQlKrH2pgPM94G1%2Fimage.png?alt=media&amp;token=be8c6c79-973b-4b06-a54b-9a06ea6404f3" alt="" data-size="line"> button.
4. Enter **Your email address**. Use an email address not registered on the platform.
5. Click the <img src="https://2619072834-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcOltVL8GwCu4tL8RwTDW%2Fuploads%2FpCIUKmQlKrH2pgPM94G1%2Fimage.png?alt=media&amp;token=be8c6c79-973b-4b06-a54b-9a06ea6404f3" alt="" data-size="line"> button.
6. Check your mailbox for the **Email Address Confirmation** letter, copy the code, and paste it into the **Enter Email Code** field.
7. Click the <img src="https://2619072834-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcOltVL8GwCu4tL8RwTDW%2Fuploads%2FpCIUKmQlKrH2pgPM94G1%2Fimage.png?alt=media&amp;token=be8c6c79-973b-4b06-a54b-9a06ea6404f3" alt="" data-size="line"> button.

After confirmation, the platform creates the envelope and sends it to the **recipient**. Receive an email notification after the envelope is completed.

{% hint style="warning" %}
Send no more than 3 files per 5 minutes from one IP address. This limit helps prevent spam.
{% endhint %}

### Embed the widget

Add the `<wd-widget>` element where the widget must appear, then load the widget bundle before the closing `</body>` tag.

{% hint style="info" %}
The `base-api` attribute and the script URL must use the same DocStudio platform URL.
{% endhint %}

Use the following implementation:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple File Send</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            background: #f0f2f5;
        }

        .widget-container {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }

        wd-widget {
            display: block;
            min-width: 350px;
            min-height: 504px;
        }
    </style>
</head>
<body>
    <div class="widget-container">
        <wd-widget base-api="https://app.docstudio.com/"></wd-widget>
    </div>

    <script src="https://app.docstudio.com/widgets/simple-send.bundle.js"></script>
</body>
</html>
```

Replace `https://app.docstudio.com/` in both locations when the widget must use another DocStudio environment. Do not use different platform URLs for `base-api` and `simple-send.bundle.js`.

{% hint style="warning" %}
Set the widget dimensions to at least `min-height: 504px` and `min-width: 350px`.
{% endhint %}
