How to Connect HTML Forms to Zapier

Zapier connects thousands of apps. Once your form submissions reach Zapier, you can send each one to a CRM, add a row to a spreadsheet, post to Slack, create a task, start an email sequence — or all of these at once.

The bridge between an HTML form and Zapier is a webhook: a URL that receives each submission as JSON.

What you'll build

HTML form ──▶ Formclick ──webhook──▶ Zapier "Catch Hook" ──▶ Your apps

Formclick receives the submission, filters spam and emails you as usual — then forwards a clean copy to Zapier.

Step 1: Make sure your form posts to Formclick

<form action="https://api.formclick.io/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <input type="checkbox" name="botcheck" style="display: none;">

  <input name="name" required aria-label="Name">
  <input name="email" type="email" required aria-label="Email">
  <input name="company" aria-label="Company">
  <textarea name="message" required aria-label="Message"></textarea>

  <button type="submit">Send</button>
</form>

Send one test submission so there's data to work with.

Step 2: Create a Zap with a webhook trigger

1. In Zapier, create a new Zap.
2. For the trigger, choose Webhooks by Zapier → Catch Hook.
3. Zapier gives you a unique URL like https://hooks.zapier.com/hooks/catch/123456/abcdef/. Copy it.

(Webhooks by Zapier is available on Zapier's paid plans — check their pricing page.)

Step 3: Add the webhook in Formclick

1. Open your form in the Formclick dashboard and go to Webhooks.
2. Add a webhook, paste the Zapier URL and save.
3. Submit your form again so Zapier receives a sample.

Custom webhooks are available on Formclick's paid plans.

Step 4: Test the trigger in Zapier

Back in Zapier, click Test trigger. You'll see the submission Formclick sent. It looks like this:

{
  "submissionId": "8f0c…",
  "formId": "2b41…",
  "data": {
    "name": "Jane Smith",
    "email": "jane@example.com",
    "company": "Acme",
    "message": "I'd like a demo."
  },
  "fromName": "Jane Smith",
  "fromEmail": "jane@example.com",
  "submittedAt": "2026-11-02T10:15:00.000Z"
}

Zapier flattens this, so you'll pick fields like Data Email and Data Company in later steps.

Step 5: Add your actions

Now add whatever should happen next. Popular recipes:

• New lead in your CRM — HubSpot, Pipedrive or Salesforce: map data.name, data.email, data.company.
• Row in Google Sheets or Airtable — for reporting.
• Slack message — "New enquiry from {{Data Name}} at {{Data Company}}".
• Task in Trello, Asana or ClickUp — so someone follows up.
• Add to a mailing list — Mailchimp, ConvertKit and others.

Use Filter by Zapier to act only on some submissions (for example, when data.budget is "Over $10,000"), and Paths to send different submissions to different places.

Tips for reliable Zaps

• Keep field names stable. Renaming company to organisation in your HTML breaks the mapping in Zapier.
• Use hidden fields for context, such as source or page, so your Zap can branch on where the lead came from.
• Turn on Zapier's error notifications so you hear about failures.
• Don't rely on Zapier alone. Formclick still stores every submission in your dashboard and emails you, so nothing is lost if a Zap is switched off.

Do you need Zapier at all?

Formclick has native integrations that don't need a Zap: Google Sheets, Notion, Airtable, monday.com, Discord, Brevo, MailerLite, ActiveCampaign, direct delivery to PostgreSQL, MySQL, SQL Server, MongoDB, Supabase and Neon, plus native n8n. For one destination, a native integration is simpler and cheaper. Reach for Zapier when you need an app Formclick doesn't connect to directly, or multi-step logic.

Prefer Make? The same webhook approach works with Make's Custom webhook trigger. And see How to Receive Form Submission Notifications in Slack for a Slack-specific walkthrough.