Skip to content
New AI Custom Form BuilderDescribe the intake form. It ships branded and end-to-end encrypted.AI Custom Form Builder is here See it build
Security

Building a Custom Web Form with End-to-End Encryption

If you need to collect sensitive data from customers, like social security numbers or credit card information, using a web form can be an attractive option.

Brian Holyfield · 4 min read
Building a Custom Web Form with End-to-End Encryption

If you need to collect sensitive data from customers, like social security numbers or credit card information, using a web form can be an attractive option. Using web forms, however, can present a serious exposure to you and your customers if you do not take adequate steps to secure the information from unauthorized access. This blog post will explain how to use the SendSafely Dropzone API to build a web form that uses end-to-end encryption for protecting submitted data.

What’s wrong with popular web form solutions? Plenty!

Web forms make it extremely easy for users to provide information to you using any web browser. The problem is that most common options for building a web form have significant security pitfalls. This is especially true if you are collecting identity verification information, like scanned passports or other items that are useful targets for identity theft (date of birth, drivers license number, etc).

Here are a few common options that you need to use with caution:

The SendSafely Dropzone API

The SendSafely Dropzone API can be used to add file and field level encryption to any existing web form. Recently, we’ve made some enhancements to the API to expand its capabilities and allow you embed a completely custom form on any website using static HTML and JavaScript.

Our notification endpoint is designed to provide your embedded form with the same callback URLs that our Hosted Dropzone uses. That means you can connect your embedded web form to our Zapier App or one of our Dropzone Connectors, so that notifications can be posted to another SAAS platform like Slack, Salesforce, or Zendesk.

How it Works

The diagram below shows the high-level data flow associated with an encrypted web form.You direct your customer to a web form that allows them to provide any number of text inputs and also attach files. The web form can be hosted on any website, and uses only static HTML and JavaScript.

When the user submits the form, the text fields are bundled together and encrypted into a SendSafely secure message using a unique form key, which is then encrypted using each of the Dropzone recipient public keys. Any attached files are also encrypted using the same keys and submitted to SendSafely.

Dropzone Form Email Notification

After the submission is complete, an email notification it sent to the SendSafely Dropzone recipients letting them know of the new form submission. Each recipient can log into SendSafely, and is able to decrypt and view the information using their private keys.

For more advanced workflows, the Dropzone also supports using a Dropzone Connector to post notifications to a third party platform, like Zendesk or Salesforce, or use a different method for posting notifications, like Slack through our Zapier app.

Dropzone Form Webhook Notification
Interested in implementing your own encrypted web form? Check out our Help Center Article that walks through the technical details of how to get one running on your own website. You can also check out the live CodePen Examples that we’ve published for you to use as a quick-start template.

Not a developer? Not a problem! Our Hosted Dropzone is a turn-key form that is pre-installed and ready to use on every SendSafely enterprise portal. The Hosted Dropzone is perfect for technical users that want a fast and easy way to start collecting sensitive information from customers. If you are a current SendSafely customer and would like help setting up a custom web form, send an email to support@sendsafely.com.


SendSafely: The Easy to Use End-to-End Encryption Platform.

If you are looking for a secure way to collect sensitive information from customer, our platform might be right for you. Contact us today to request a demo and free trial subscription.

Request a Demo

Frequently asked questions

How can I collect sensitive data like SSNs through a web form securely?

You can use the SendSafely Dropzone API to build a web form that encrypts submitted fields and files in the user’s browser with end-to-end encryption. The form runs on any website using static HTML and JavaScript. See the Dropzone Widget for current embedding options.

What is wrong with using Google Forms or a website form plugin for sensitive data?

Hosted form platforms give the provider full access to submitted data, website plugins often store data in a site database or send it by email, and site builders lack safeguards ensuring only you can access the data. Each creates exposure if the provider or site is breached.

How does a SendSafely encrypted web form protect submitted data?

On submission, text fields are bundled and encrypted into a SendSafely secure message with a unique form key, which is then encrypted with each Dropzone recipient’s public key. Attached files are encrypted the same way. Recipients decrypt and view submissions with their private keys.

Can an encrypted SendSafely web form send notifications to Slack or Zendesk?

Yes. The Dropzone notification endpoint supports cross-domain requests and uses the same callbacks as the Hosted Dropzone, so a custom form can use built-in email notifications, a Dropzone Connector for Zendesk or Salesforce, or Slack through the SendSafely Zapier app.

Do I need to be a developer to collect encrypted form submissions with SendSafely?

No. The Hosted Dropzone is a ready-made form, included in SendSafely plans, for collecting sensitive information without custom code. SendSafely also offers an AI Custom Form Builder, described on the Dropzone Widget page.

Written by Brian Holyfield