Integrating NoCodeSubmit with Webhooks for Advanced Automation

While email notifications are great, sometimes you need to do more with your form data. NoCodeSubmit’s webhook support allows you to send submission data to any external service that can accept a POST request. This opens up endless possibilities for automation.

You can send notifications to a Slack channel, create a new lead in your CRM, add a row to a Google Sheet, or trigger a custom workflow on your own server.

How to Use Webhooks

To use webhooks, you just need to change your form’s action URL. Instead of pointing to the /api/v1/email/ endpoint, you’ll use the /api/v1/webhook/ endpoint, followed by your webhook URL.

The NoCodeSubmit webhook endpoint is:

You must append your own webhook URL to this endpoint. For example, if your Slack webhook URL is https://hooks.slack.com/services/T00000000/B00000000/XXXXXXXXXXXXXXXXXXXXXXXX, your form’s action would look like this:

<form action="https://api.nocodesubmit.com/api/v1/webhook/https://hooks.slack.com/services/T00000000/B00000000/XXXXXXXXXXXXXXXXXXXXXXXX" method="POST">
  <!-- Your form fields -->
  <input type="text" name="username" value="John Doe">
  <input type="text" name="project" value="Project Alpha">
  <textarea name="update">Launched the new feature.</textarea>
  
  <button type="submit">Post to Slack</button>
</form>

How It Works

When a user submits this form, NoCodeSubmit will receive the data and immediately forward it as a POST request to the URL you specified. The request body will contain the form data, typically in the format expected by the receiving service (e.g., application/x-www-form-urlencoded or application/json depending on how you structure your form).

Example: Sending Form Submissions to a Discord Channel

Discord provides webhooks to post messages to channels. First, create a webhook in your Discord server settings. You’ll get a URL.

Now, construct your form’s action URL:

<!-- Remember to replace YOUR_DISCORD_WEBHOOK_URL with your actual webhook URL -->
<form action="https://api.nocodesubmit.com/api/v1/webhook/YOUR_DISCORD_WEBHOOK_URL" method="POST">
  <input type="text" name="content" value="A new user just signed up!">
  <input type="text" name="username" value="Website Bot">
  <button type="submit">Notify Discord</button>
</form>

In this example, Discord’s API expects a field named content for the message text. Any form submission will now post a message directly to your Discord channel.

By leveraging webhooks, you can integrate your static site forms into a larger ecosystem of tools, creating powerful, automated workflows with just a simple change to your form’s action attribute.