Introducing Webhooks

We are intorucing a much requested feature today: Webhooks Integration. This functionality allows you to automatically send form submission data to a specified webhook URL, enabling real-time data processing and integration with various systems. In this article, we'll explore how to set up and use Formshare Webhooks, along with tutorials for integrating with your own system, Zapier and Make.

What are Formshare Webhooks?

Formshare Webhooks allow you to receive real-time notifications and data whenever a new form submission is created. By adding your webhook URL to Formshare, you can automatically send form data to your desired endpoint, enabling seamless integration with your existing workflows and systems.

Setting Up a Webhook

To start using Formshare Webhooks:

1. Log in to your Formshare account
2. Navigate to the form you want to set up webhooks for
3. Go to the form settings
4. Find the "Webhooks" section
5. Enter your webhook URL
6. Save the changes

Now, every time a new submission is created for this form, Formshare will send the data to your specified webhook URL.

Integration Examples

1. Integrating with Your Own System

To integrate Webhooks with your own system, you'll need to set up an endpoint that can receive POST requests. Here's a simple example using Next.js API Routes:

// app/api/formshare-webhook/route.ts

import { NextResponse } from 'next/server'

export async function POST(request: Request) {
try {
const formData = await request.json();
console.log('Received form submission:', formData);

// Process the form data as needed
// For example, save it to a database or trigger other actions

return NextResponse.json({ message: 'Form submission received' }, { status: 200 });

} catch (error) {
console.error('Error processing form submission:', error);
return NextResponse.json({ error: 'Internal Server Error' }, { status: 500 });
}
}

This code sets up a simple Next.js Route Handler that listens for POST requests on the /formshare-webhook endpoint. When a submission is received, it logs the data and can be extended to process it further.

2. Integrating with Zapier

Zapier makes it easy to connect Formshare with thousands of other apps. Here's how to set it up:

1. Create a new Zap in Zapier
2. Choose "Webhooks by Zapier" as the trigger app
3. Select "Catch Hook" as the trigger event
4. Copy the unique webhook URL provided by Zapier
5. Paste this URL into your Formshare Webhooks settings
6. Test the webhook to ensure Zapier receives the data
7. Set up your desired action steps in Zapier to process the form data

3. Integrating with Make (formerly Integromat)

Make offers powerful automation capabilities. Here's how to integrate it with Formshare Webhooks:

1. Create a new scenario in Make
2. Add a "Webhook" module as the trigger
3. Choose "Custom webhook" as the webhook type
4. Copy the webhook URL provided by Make
5. Paste this URL into your Formshare Webhooks settings
6. In Make, click "Add" to create a webhook
7. Send a test submission through your Formshare form
8. Make will detect the data structure
9. Set up subsequent modules in Make to process the form data as needed

Conclusion

Formshare Webhooks Integration opens up a world of possibilities for automating your form data processing. Whether you're integrating with your own system or using powerful automation tools like Zapier or Make, you can now streamline your workflows and make the most of your form submissions. Start using Formshare Webhooks today and experience the power of real-time data integration!