# 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 on the platform without authorization.&#x20;

<figure><img src="/files/T22O02jYnDYWOuCsKyIE" 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 **Recepient's email address**.
3. Click the <img src="/files/3aZFFZRsW3o1oRDnBrb0" alt="" data-size="line"> button.
4. Enter **Your's email address**.\
   &#x20; — make sure this email address is not registered on the platform
5. Click the <img src="/files/3aZFFZRsW3o1oRDnBrb0" 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="/files/3aZFFZRsW3o1oRDnBrb0" alt="" data-size="line"> button.

After successful confirmation, the platform creates the envelope and sends it to the **recepient**. After the envelope is completed, you will receive an email notification.

{% 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

To embed this widget in a web page, follow these steps:

1. Insert the JavaScript and widget tag into your web page just after the `<body>` tag.

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

{% hint style="info" %}
Replace the platform URL with a real one. For example: <https://app.docstudio.com/>
{% endhint %}

2. Insert and style the `<div>` where the widget will be rendered.
3. Insert the JavaScript code into your web page.
4. Style the widget elements if needed. All CSS classes used by the widget are prefixed.
5. Use the following 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>
```

{% hint style="info" %}
Replace the platform URL with a real one. For example: <https://app.docstudio.com/>
{% endhint %}

{% hint style="warning" %}
Use minimum widget dimensions of `min-height: 504px` and `min-width: 350px`.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://support.docstudio.com/docstudio-docs/docstudio-for-developers/api-documentation/widgets/simple-file-send-widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
