Secure Send JavaScript Embed

Super Simple Integration

Add secure sharing to your website in minutes. Our JavaScript library handles everything from validation to API communication.

Key Features

Client-side validation before API calls
Two output modes: link-only or full message
Auto-generated forms with Bootstrap styling
Error handling and user feedback
Copy-to-clipboard functionality

Quick Start

Simple Form (Recommended)

                                // Add to your HTML
<div id="secure-form"></div>

// Add this JavaScript
const ss = new SecureSend();
ss.createForm('secure-form');
                            

Auto-generates a complete form with validation

Custom Integration

                                                        // For custom implementations
const ss = new SecureSend('full_message');
const result = await ss.create({
  data: 'Your secret message',
  views: 1,
  expiry: 24
});
                                                    

Full control over the user experience

Ready to use! Just add the script tag and you're done.

Two Output Modes

Link Only Mode

Returns just the secure link for maximum flexibility in your UI.

                                const ss = new SecureSend('link_only');
// Returns: { link, views, expiry_hours, expiry_date }
                            

Flexible Clean

Full Message Mode (Default)

Returns formatted message with security details and sharing instructions.

                                const ss = new SecureSend('full_message');
// Returns: { link, views, expiry_hours, expiry_date, full_content }
                            

Ready-to-Use Formatted

Perfect For

Websites & Blogs

Add secure contact forms, file sharing, or sensitive information collection to any website.

Web Forms No Backend

E-commerce Sites

Securely share order details, receipts, or sensitive customer information.

E-commerce Customer Data

Corporate Intranets

Share sensitive documents, credentials, or confidential information internally.

Enterprise Internal

Personal Projects

Quick secure sharing for personal websites, portfolios, or hobby projects.

Personal Easy Setup

Embed Examples

Your Embed URL: https://web411.site/securesend-embed.js

1. Simple Form Embed

                                        <!DOCTYPE html>
<html>
<head>
  <title>My Secure Form</title>
</head>
<body>
  <h1>Share Securely</h1>
  <div id="secure-form"></div>

  <script src="https://web411.site/securesend-embed.js"></script>
  <script>
    const ss = new SecureSend();
    ss.createForm('secure-form');
  </script>
</body>
</html>
                                    

2. Custom Configuration

                                        <!DOCTYPE html>
<html>
<head>
  <title>Custom Secure Form</title>
</head>
<body>
  <h1>Share with Custom Settings</h1>
  <div id="my-form"></div>

  <script src="https://web411.site/securesend-embed.js"></script>
  <script>
    // Link-only mode, 5 views, 3 days
    const ss = new SecureSend('link_only');
    ss.createForm('my-form', {
      views: 5,
      expiry: 72
    });
  </script>
</body>
</html>
                                    

3. Programmatic Usage

                                        <!DOCTYPE html>
<html>
<head>
  <title>Programmatic Example</title>
</head>
<body>
  <h1>Custom Integration</h1>
  <button id="share-btn">Share Secret</button>
  <div id="result"></div>

  <script src="https://web411.site/securesend-embed.js"></script>
  <script>
    const ss = new SecureSend('full_message');

    document.getElementById('share-btn')
      .addEventListener('click', async () => {
        const result = await ss.create({
          data: 'My secret message',
          views: 1,
          expiry: 24
        });
        document.getElementById('result')
          .innerHTML = result.full_content;
      });
  </script>
</body>
</html>
                                    

4. Integration with Existing Form

                                        <!DOCTYPE html>
<html>
<head>
  <title>Form Integration</title>
</head>
<body>
  <form id="contact-form">
    <input type="text" id="secret" placeholder="Enter secret">
    <button type="submit">Create Secure Link</button>
  </form>
  <div id="output"></div>

  <script src="https://web411.site/securesend-embed.js"></script>
  <script>
    const ss = new SecureSend('link_only');
    document.getElementById('contact-form')
      .addEventListener('submit', async (e) => {
        e.preventDefault();
        const data = document.getElementById('secret').value;
        const result = await ss.create({
          data: data,
          views: 1,
          expiry: 24
        });
        document.getElementById('output')
          .innerHTML = `<a href="${result.link}">${result.link}</a>`;
      });
  </script>
</body>
</html>
                                    

Copy any example above and save as an HTML file to test it immediately!

Implementation Guide

Include the Library

<script src="https://web411.site/securesend-embed.js"></script>

Choose Your Mode

                                            const ss = new SecureSend('full_message');
// or
const ss = new SecureSend('link_only');
                                        

Add a Container

<div id="secure-form"></div>

Generate the Form

                                            ss.createForm('secure-form', {
  views: 1,
  expiry: 24
});
                                        

Or Use Programmatically

                                            const result = await ss.create({
  data: 'Secret message',
  views: 1,
  expiry: 24
});
                                        

Done! Your secure sharing form is now live.