# Webhooks & Website Forms

> Get every form submission to the right place automatically. 2 free lessons in order, intermediate, about 20 minutes.

Source: https://learn.ynteractive.com/content/paths/webhooks-website-forms · Updated 2026-10-10 · Free from Stepthrough (https://learn.ynteractive.com)

Updated October 10, 2026

For anyone whose website leads end up sitting in an inbox. Live so far: “Add a Contact Form That Saves to a Database in Lovable” and “Webhooks: Connect a Website Form to Make.com”. 2 more lessons in this path are on the way.

Work through them in order: each step builds on the one before it, and every module runs in a practice copy of Lovable and Make right in your browser. It is free, and no experience is needed.

Intermediate 2 modules about 20 minutes Free [Start the path free](https://learn.ynteractive.com/modules/lovable-contact-form)

## The path: 2 steps

1. [**Step 1: Add a Contact Form That Saves to a Database in Lovable**](https://learn.ynteractive.com/content/lovable-contact-form-database)✓ Done
   Add a booking request form to a small business site by chatting, turn on Lovable Cloud (Lovable's built-in backend, built on Supabase), send a test request and find it in the database. Then check who can see the data…
   Free · about 8 minutes · Next up: [Webhooks: Connect a Website Form to Make.com](https://learn.ynteractive.com/content/make-com-webhook-website-form-google-sheets)
2. [**Step 2: Webhooks: Connect a Website Form to Make.com**](https://learn.ynteractive.com/content/make-com-webhook-website-form-google-sheets)✓ Done
   Start a Make scenario with a Custom webhook, paste its URL into your website form's webhook setting, send a test so Make learns the fields, and save every request to Google Sheets the moment it arrives.
   Free · about 12 minutes · Last step

- Previous path: [Business Automations with n8n](https://learn.ynteractive.com/content/paths/business-automations-n8n)
- Next path: [Give AI Your Company Knowledge](https://learn.ynteractive.com/content/paths/give-ai-your-company-knowledge)

## Related

[Build Apps with Lovable (5)](https://learn.ynteractive.com/content/course/build-apps-with-lovable) · [Make.com Automation Basics (5)](https://learn.ynteractive.com/content/course/make-com-automation-basics) · [Lovable tutorials (13)](https://learn.ynteractive.com/content/tool/lovable) · [Make tutorials (5)](https://learn.ynteractive.com/content/tool/make)

[All free tutorials](https://learn.ynteractive.com/content)

## How every module works

Each step is shown on the left, with a cursor pointing to exactly where to click. You do the same thing on the right, in a practice copy of the real tool. Get it right and it moves on. Nothing touches your real accounts until you're ready to build it for real.

[Start learning free](https://learn.ynteractive.com/)