How to Send Website Form Submissions to Slack

If your team already lives in Slack, it doesn't make much sense for important form submissions to quietly land in a shared email inbox. Someone has to check it, forward messages around, and manually coordinate who replies.

With DropForm's Slack integration, every new submission can show up as a message in the right Slack channel — in real time, with all the context your team needs to respond quickly.

In this guide, you'll learn how to:

• Wire up a website form to DropForm
• Create a Slack incoming webhook for your channel
• Paste the webhook URL into DropForm
• See how the default Slack message format works
• Organize channels and workflows around form submissions

1) Start with a form that submits to DropForm

First, you need your website form to send submissions to DropForm. Once DropForm receives the submission, it can push the data to Slack (and any other integrations you enable).

Here's a minimal HTML form that posts to a DropForm endpoint:

A few important notes:

• Every field you want in Slack must have a name.
• Use method="post" for contact, support, and feedback forms.
• Keep field names stable (e.g. name, email, message) so the Slack message stays consistent.

If you're building a SPA in Vue, React or another framework, you can also submit with fetch instead of a plain HTML form:

2) Create a Slack incoming webhook for your channel

DropForm sends notifications to Slack using a webhook URL. This URL is generated in Slack and is tied to a specific channel.

Step 1 - Open Slack app management

• In Slack, go to your workspace's app settings (Manage apps / App Directory).
• Search for Incoming Webhooks, or create a Slack app that uses the Incoming Webhooks feature.

Step 2 - Choose the target channel

• Enable Incoming Webhooks for your workspace if it's not already enabled.
• Create a new webhook and select the channel where you want form submissions to appear (for example #leads, #support-inbox, or #hiring).

Step 3 - Copy the webhook URL

After creating the webhook, Slack will show you a URL that looks something like:

Copy this URL — you'll paste it into DropForm in the next step.

3) Add the Slack webhook URL to DropForm

Now that you have a Slack incoming webhook URL, you can tell DropForm to send each submission for this form to that URL.

Step 1 - Open the form in your DropForm dashboard

• Log into your DropForm account.
• Go to the Forms list.
• Click the form you want to connect to Slack (e.g. “Website contact form”).

Step 2 - Configure the Slack integration

• Open the Integrations tab for that form.
• Find Slack in the list of available integrations.
• Paste your Slack webhook URL into the Slack integration settings.
• Save the integration.

From now on, whenever this form receives a new submission, DropForm will send a request to your Slack webhook URL, and Slack will post a message into the channel you selected when you created the webhook.

4) Understand the default Slack message format

DropForm uses a fixed, opinionated message template for Slack notifications. You don't have to configure fields or write any JSON — DropForm takes your submission and turns it into a clean, readable message.

Each message includes:

• Form name - which form the submission came from.
• From - derived from the submitter's name and email (if present).
• Date - when the submission was received.
• All submitted fields as key-value pairs.
• Uploaded files - listed by file name, if any files were attached.
• A link back to DropForm to view the full submission.

A typical message in Slack looks like this:

Behind the scenes, DropForm sends a payload to Slack's webhook URL similar to this:

You don't need to create this payload yourself or edit the template. The format is handled by DropForm, so you can just focus on routing submissions to the right channel.

5) Test the integration end-to-end

Before you rely on Slack notifications in production, send a few test submissions.

1. Save your Slack webhook URL in the DropForm integration settings for the form.
2. Open your live form (or a staging version) in the browser.
3. Submit a test with recognizable values (e.g. “Test from homepage form”).
4. Check the Slack channel tied to your webhook and confirm the message looks correct.

If you don't see anything in Slack:

• Confirm the form is posting to the correct DropForm endpoint.
• Check the form's submission history in DropForm.
• Verify that the Slack webhook URL is correct and active.
• Make sure the channel still exists and the webhook app has permission to post there.

6) Best practices for Slack form notifications

A few small conventions make a big difference once you have multiple forms and channels.

Use dedicated channels per form type

Instead of dumping everything into #general, create separate webhooks for channels like:

• Contact / lead forms → #leads
• Support forms → #support-inbox
• Career / hiring forms → #hiring
• Feedback forms → #product-feedback

Keep each submission in a thread

When a notification arrives in Slack:

• Reply in a thread to discuss the submission internally.
• Use @mentions to pull in the right teammates.
• Drop links to CRM records, tickets, or docs into the thread.

Combine Slack with the DropForm inbox

Slack is perfect for visibility and collaboration, but DropForm is still your reliable inbox:

• Every submission is stored in DropForm first.
• You can search, filter, and export data any time.
• You can enable other integrations (email, webhooks, Google Sheets, etc.) alongside Slack.

FAQ: Form submissions to Slack with DropForm

Do I need to write any backend code?

No. DropForm is your form backend. As long as your form submits to a DropForm endpoint, you can paste a Slack webhook URL into the integration settings and DropForm will post to Slack for you.

Will this work with my site builder or framework?

In most cases yes. If your site can send an HTTP POST (through a plain HTML form or a JavaScript fetch call), you can use DropForm and the Slack integration. That includes static HTML, Jamstack sites, Vue, React, Next.js, Nuxt, and many no-code builders that support custom form actions.

Can I customize the Slack message template?

Not at the moment. DropForm uses a fixed, opinionated Slack message template that includes the form name, a “From” line, the submission date, all submitted fields as key-value pairs, any uploaded file names, and a link back to the submission in DropForm.

What happens if Slack is temporarily unreachable?

Submissions are always stored first in DropForm. Slack notifications are an additional delivery channel. If Slack is unreachable for a moment, your submission data is still safely stored in DropForm's inbox.

Can I send different forms to different Slack channels?

Yes. Each Slack webhook URL is tied to a specific channel. You can create multiple webhooks in Slack and paste the appropriate URL into each form's Slack integration in DropForm.

Related guides

• Slack Integration Guide
• What is a Form Backend?
• What is a Form API?
• How to Send an HTML Form to a Backend
• How to Submit Form Data with JavaScript
• How to Upload Files to a Form Backend