Capture form data for custom webhook

Hello,

I’d like to capture data from a form I am presenting via my webhook response body. Can someone guide me on the HTML part for the webhook to capture the data from the various fields, so I can further process it in my scenario? Here is an example of a form from Bootstrap.

I’ve added the URL and the method to the form, as seen here in this guide: How to Automate Data Collection - Part 1: Online Forms | Make
But, my webhook doesn’t appear to get any data at all. I only get a bundle if I enable JSON passthrough or headers, etc.
I’ve tried to send whilst using the “Redetermine data structure” button, too, and then sending again, but nothing.

<div class="row align-items-center g-lg-5 py-5">
  <div class="col-lg-7 text-center text-lg-start">
    <h1 class="display-4 fw-bold lh-1 text-body-emphasis mb-3">Vertically centered hero sign-up form</h1>
    <p class="col-lg-10 fs-4">Below is an example form built entirely with Bootstrap’s form controls. Each required form group has a validation state that can be triggered by attempting to submit the form without completing it.</p>
  </div>
  <div class="col-md-10 mx-auto col-lg-5">
    <form class="p-4 p-md-5 border rounded-3 bg-body-tertiary" action="mywebhookURL" method="POST">
      <div class="form-floating mb-3">
        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
        <label for="floatingInput">Email address</label>
      </div>
      <div class="form-floating mb-3">
        <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
        <label for="floatingPassword">Password</label>
      </div>
      <div class="checkbox mb-3">
        <label>
          <input type="checkbox" value="remember-me"> Remember me
        </label>
      </div>
      <button class="w-100 btn btn-lg btn-primary" type="submit">Sign up</button>
      <hr class="my-4">
      <small class="text-body-secondary">By clicking Sign up, you agree to the terms of use.</small>
    </form>
  </div>
</div>

Your input fields must have a name attribute.

The id attribute is not necessary.

Change the id attributes to name.

samliewrequest private consultation

Join the unofficial Make Discord server to chat with us!

3 Likes

Oh, how sweet, thank you Sam. I had to also toggle on the JSON pass-through again.

2 Likes