Hey, I’m trying to set up my webhook for my Make. The webhook is working but the data is empty. any idea why?
Here’s my code for my custom field on my website:
Contact Details:
Product Description:
Product Images:
Submit
and here’s the code in my submitFormZap:
function submitFormZap() {
// Get form data
var name = document.getElementById(‘name’).value;
var contact = document.getElementById(‘contact’).value;
var description = document.getElementById(‘description’).value;
var images = document.getElementById(‘images’).files;
// Create a FormData object to send data as multipart/form-data
var formData = new FormData();
formData.append(‘name’, name);
formData.append(‘contact’, contact);
formData.append(‘description’, description);
for (var i = 0; i < images.length; i++) {
formData.append(‘images’, images[i]);
}
// Log formData
console.log(‘Form Data:’, formData);
// Send form data to Make webhook URL
var webhookUrl = ‘https://hook.eu2.make.com/rl8vmxvmvna68reun5zfqhmyr24tbi6l’;
fetch(webhookUrl, {
method: ‘POST’,
body: formData
})
.then(response => {
if (response.ok) {
console.log(‘Form data sent successfully to Make webhook’);
// Redirect to Calendly or perform other actions
} else {
console.error(‘Failed to send form data to Make webhook’);
// Handle error
}
})
.catch(error => {
console.error(‘Error sending form data to Make webhook:’, error);
// Handle error
});
}
any idea what could be wrong? Make does record logs of arriving POST’s, but the data is pretty much empty.
Website is finerfinds.com