How to Connect Your Vibecoded App to Make.com via Webhook

Apr 22, 2026 3 min read

#vibecoding#Make.com#webhook

You built an app with Lovable, Bolt, Replit, or Claude. It works, forms submit, data saves, users register. But it lives in its own bubble. Nothing reaches your CRM, no Slack notifications fire, no rows get added to Google Sheets.

Connecting your vibe-coded app to Make.com fills that gap. And it’s simpler than it sounds.

If you’re new to vibecoding, start with how I got into vibecoding and what I found.

Why Vibe-Coded Apps Are Isolated

Lovable, Bolt, Replit, these tools are excellent at building self-contained apps. But external integrations aren’t automatic.

Your app has its own database, logic, and UI. It just doesn’t know how to tell HubSpot “new contact added”, Slack “someone registered”, or Google Sheets “here’s a new order”.

A webhook is the bridge that fixes this.

Webhook as a Bridge

A webhook is a simple HTTP POST request. Your app fires it when something important happens, user registration, form submission, completed payment. Make.com catches that call and runs whatever you set up next.

Simply put: the app says “X happened” and Make.com responds.

Step 1, Create a Webhook Trigger in Make.com

Open Make.com and create a new scenario
Choose Webhooks as the first module, select Custom webhook
Click Add and name your webhook, for example “New app registration”
Make generates a unique URL: https://hook.eu2.make.com/xxxxxxxxxxxx
Copy the URL, you’ll pass it to your app

⚠️ Keep the webhook URL secret. Don’t publish it in public code or GitHub.

Step 2, Call the Webhook From Your App

Open your vibecoding tool, Claude Code, Cursor, or Lovable, and tell it:

“Add a webhook call to [your Make URL] whenever a user registers. Send JSON with: name, email, registration date.”

The AI adds the code:

fetch('https://hook.eu2.make.com/xxxxxxxxxxxx', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
    name: user.name,
    email: user.email,
    registered_at: new Date().toISOString()
  })
});

Works for any event in your app.

4 Real Use Cases

1. Contact Form to CRM

User fills out a form on your Lovable site. Webhook fires, Make.com creates a new contact in HubSpot or Pipedrive. Your sales team gets the lead instantly, no manual data entry.

2. User Registration to Slack

Every new signup sends a message to your #new-registrations Slack channel. You know in real time how your user base is growing.

3. Completed Payment to Google Sheets

Payment goes through, webhook fires, Make.com adds a row with date, amount, and customer email. Simple revenue tracking without accounting software.

4. Any Event to Email

Someone clicked a button? Finished onboarding? Exported data? Webhook, Make.com, Gmail module, and you get an instant email notification.

Working With Data in Make

Use a Router to handle different event types differently. Use a Data Store to batch-process events. Add a filter to skip test registrations, emails like @test.com.

If you’re working with larger data sets, Make.com pagination patterns will save you hours debugging loops.

Make Can Also Call Your App

It works both ways. Make.com can call an API endpoint in your app, pull new data each morning, or trigger an action based on an external event. Expose an HTTP endpoint in your app, use the HTTP module in Make.

Summary

Connecting a vibecoded app to Make.com takes about 20 minutes, generate the URL in Make, add a fetch call via AI, build the first scenario. From there you build on a working foundation.

If you need to process the data coming from your app, iterator patterns help with looping through arrays and JSON collections.

Browse ready-made Make.com blueprints, import and adapt to your project.