Skip to main content

AI Forms Webhooks: Step-by-Step Tutorial

Send AI Form submissions to Zapier, Make.com, Slack, Google Sheets, or any webhook endpoint. Full setup guide with examples and dedicated Loom tutorials.

Xenios Charalambous avatar
Written by Xenios Charalambous
Updated over a week ago

πŸŽ₯ Loom Video Tutorials

Make.com Webhook Tutorial

Zapier Webhook Tutorial


πŸ“Œ What Are Webhooks?

Webhooks allow FitMetrics to send AI Form submission data instantly to external tools such as:

  • πŸ“Š Google Sheets

  • πŸ’¬ Slack

  • 🧩 Make.com

  • 🧰 Zapier

  • πŸ”„ CRMs (HubSpot, Salesforce, GoHighLevel)

  • πŸ–₯️ Your own API endpoint

This happens automatically and in real-time whenever a client submits a form.


🎯 Two Ways to Set Up Webhooks

Method 1 β€” AI Form Settings (Recommended)

Best for 90% of setups.

  • Simple

  • One webhook per form

  • Easy to maintain

  • No complex logic needed


Method 2 β€” Automations (Advanced Only)

Use only when you need:

  • Webhook plus multiple actions

  • Complex workflows

  • Tag-based logic

  • Multi-step onboarding flows


❗ CRITICAL WARNING: Avoid Double Webhooks

Never enable webhooks in both places for the same form.

❌ Wrong (creates two webhook calls per submission)

  • Webhook ON in AI Form Settings

  • Webhook action ALSO added inside an Automation

βœ… Right (choose one)

Option A β€” Recommended:
βœ” Enable webhook in AI Form Settings
❌ Do not add webhook action in Automations

Option B β€” Advanced:
❌ Disable webhook in AI Form Settings
βœ” Add webhook action inside Automation


πŸ“ Method 1: AI Forms Settings (Recommended)

Step 1 β€” Create a Webhook URL

Using Make.com

  1. Go to Make.com

  2. Click Create a new scenario

  3. Add a module β†’ search Webhooks

  4. Choose Custom Webhook

  5. Click Add

  6. Name it

  7. Click Save

  8. Copy your Webhook URL


Using Zapier

  1. Go to Zapier.com

  2. Click Create Zap

  3. Trigger β†’ search Webhooks by Zapier

  4. Choose Catch Hook

  5. Click Continue

  6. Copy your Webhook URL


Step 2 β€” Enable Webhook in FitMetrics

  1. Go to AI Forms

  2. Select the form

  3. Click βš™οΈ Settings

  4. Scroll to Webhook Integration

  5. Toggle ON

  6. Paste your webhook URL

  7. Click Save Settings

Done!


Step 3 β€” Test the Webhook

Make.com

  1. Click Run Once

  2. Submit test form in FitMetrics

  3. Data appears instantly in Make.com πŸŽ‰

Zapier

  1. Click Test Trigger

  2. Submit test form

  3. Click Test Trigger again

  4. Zapier loads your data πŸŽ‰


Step 4 β€” Add Your Actions

Make.com Modules

  • Google Sheets β†’ Add Row

  • Slack β†’ Send Message

  • Gmail β†’ Send Email

  • HTTP Module β†’ Call your API

  • Router β†’ Split logic

Zapier Actions

  • Google Sheets β†’ Create Row

  • Slack β†’ Send Channel Message

  • Email β†’ Send Email

  • CRM β†’ Create Contact

  • Webhooks β†’ POST to your API


Step 5 β€” Use the Form Data

Always use fields β€” clean, automation-friendly names.

Example (Google Sheets mapping):

  • {{fields.first_name}}

  • {{fields.last_name}}

  • {{fields.email}}

  • {{fields.current_weight.value}}

  • {{fields.primary_goal}}


πŸ“Š Webhook Delivery Logs

For every submission:

  1. Open the form

  2. Go to Submissions

  3. Click a submission

  4. Scroll to Webhook Deliveries

You can see:

  • Success

  • Failures

  • Auto-retries

  • Error messages

  • Manual Retry button


πŸŽ“ Full Make.com Example (Google Sheets)

  1. Create scenario in Make.com

  2. Add Custom Webhook

  3. Copy URL β†’ paste into FitMetrics

  4. Run Once β†’ Submit test form

  5. Add Google Sheets β†’ Add Row

  6. Map fields

  7. Test again

  8. Turn scenario ON


πŸŽ“ Full Zapier Example (Slack Notification)

  1. Create Zap

  2. Trigger β†’ Webhooks β†’ Catch Hook

  3. Copy URL β†’ paste into FitMetrics

  4. Test Trigger

  5. Add Slack β†’ Send Channel Message

  6. Map fields

  7. Test β†’ Publish


⚠️ Method 2: Automations (Advanced)

Use only if you need to:

  • Assign program + send webhook

  • Send messages + send webhook

  • Move stage + send webhook

  • Run multiple actions together

Setup:

  1. Automations β†’ Create

  2. Trigger: AI Form Submission

  3. Add actions

  4. Add Send Webhook Response

  5. Paste URL

  6. Save & Activate

Do NOT enable webhook in form settings.


🚫 How to Prevent Duplicate Webhooks

Check BOTH places:

1. Form Settings

  • Is "Webhook Integration" ON?

2. Automations

  • Do you have an automation with a webhook action for this same form?

If both are enabled, turn one OFF.


🚨 Troubleshooting

Webhook not firing

  • Webhook disabled?

  • Wrong URL?

  • Did you save settings?

  • Did you submit after enabling?

Make.com not receiving

  • Did you click Run Once?

  • Scenario ON?

Duplicate rows/messages

  • Double webhook enabled β†’ turn one off

Webhook failed

  • Check errors in Webhook Delivery Logs

  • Fix issue

  • Click Retry


πŸ’‘ Best Practices

  • Always test with real sample data

  • Use fields for clean mappings

  • Start simple (Google Sheets first)

  • Build more actions later (Slack, CRM, email)

  • Name your scenarios clearly

  • Document where each form sends data

  • Monitor webhook deliveries weekly


❓ FAQ

Q: Can I send data to multiple tools?

Yes β€” Make.com or Zapier can split data into unlimited destinations.

Q: Do webhooks work for all forms?

Yes β€” enable individually per form.

Q: Are past submissions sent retroactively?

No β€” only new submissions after enabling.

Q: Which is better: Make.com or Zapier?

Make.com β†’ More powerful & cheaper
Zapier β†’ More beginner-friendly

Q: Does FitMetrics retry failed webhooks?

Yes β€” auto-retries + manual retry available.


πŸš€ Quick Setup Checklist

  • βœ” Create webhook URL

  • βœ” Paste into AI Form Settings

  • βœ” Submit test form

  • βœ” Verify in Make.com/Zapier

  • βœ” Add actions

  • βœ” Test end-to-end

  • βœ” Turn automations/scenarios ON

Did this answer your question?