Does using zapier/airtable override the form limit?

Design help General
1

I know there is a limit for the amount of Webflow form fillouts I can have, but if I use zapier +airtable to store the responses will i still be able to collect responses even after I pass the Webflow form limit?

tiA!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

If you direct your sumissions directly to Zapier, Webflow is not involved all in the form submission handling and those submits do not count towards your monthly allotment.

This will help.

3

In some cases, yes.

Depending on what zap (in Zapier) or module (in Make / Integromat) you use it will still count towards your form limit as those submissions will still show up in your Webflow project settings.

In other cases, with other zap’s or modules it will not. Instead it bypasses Webflow entirely.

The best way to approach this is to setup Zapier or Make the way it would work best for you, test by submitting a form, and check your Webflow project settings.

If the form submission does not show up, you’re good to go :+1:

If it does, and you don’t want it to, detail your setup here and I can help you get around that.

4

yep got it! Thanks!

Webflow has limitations on the number of form submissions you can receive on the free plan, and even on some paid plans there might be limits depending on your usage. If you’re looking to bypass this limitation, you can use Zapier in conjunction with Airtable to capture form submissions directly. Here’s how you can set it up:

Step 1: Create Your Airtable Base

  1. Create a new base in Airtable.
  2. Add fields that correspond to the form fields you have on your Webflow site (e.g., Name, Email, Message, etc.).

Step 2: Create a Webflow Form

  1. Create a form on your Webflow site as you normally would.
  2. Instead of using Webflow’s form action, you’ll use custom JavaScript to send the form data to Zapier.

Step 3: Create a Zapier Webhook

  1. Create a new Zap in Zapier.
  2. Choose “Webhooks by Zapier” as the trigger.
  3. Choose “Catch Hook” and copy the webhook URL provided.

Step 4: Add Custom JavaScript to Webflow

  1. Go to your Webflow project settings.
  2. Navigate to the “Custom Code” section.
  3. Add the following JavaScript code in the “Footer Code” section:
document.addEventListener("DOMContentLoaded", function() {
  const form = document.querySelector("#your-form-id");
  
  form.addEventListener("submit", function(event) {
    event.preventDefault();
    
    const formData = new FormData(form);
    const data = {};
    
    for (const [key, value] of formData.entries()) {
      data[key] = value;
    }
    
    fetch("YOUR_ZAPIER_WEBHOOK_URL", {
      method: "POST",
      headers: {
        "Content-Type": "application/json"
      },
      body: JSON.stringify(data)
    })
    .then(response => response.json())
    .then(data => {
      // Handle success (e.g., navigate to a thank-you page)
    })
    .catch(error => {
      // Handle error
    });
  });
});

Replace "#your-form-id" with the actual ID of your Webflow form and "YOUR_ZAPIER_WEBHOOK_URL" with the Zapier webhook URL you copied earlier.

Step 5: Set Up Zapier Action to Send Data to Airtable

  1. In the same Zap where you set up the webhook, add an action.
  2. Choose “Airtable” as the app.
  3. Choose “Create Record” as the action event.
  4. Connect your Airtable account and map the fields from the Zapier webhook to your Airtable base.

Step 6: Test and Activate

  1. Test the form on your Webflow site to make sure the data is being sent to Airtable via Zapier.
  2. Once you confirm it’s working, activate the Zap.

Now, when someone submits the form on your Webflow site, the data will be sent directly to Airtable via Zapier, bypassing Webflow’s form submission limits.

Note: This method bypasses Webflow’s built-in form handling, so features like Webflow’s form validation or CAPTCHA will not work out-of-the-box and would need to be implemented manually if needed.

5

You could make this much more optimized. Curious to know, was this a ChatGPT answer?

Swap out step 3 with Make (Integromat) instead.

Doing this allows you to skip step 4, using custom Javascript.

With Make (unlike with Zapier) you can control the response back to the web browser from within Make itself.

Using a Make Webhook module still skips the form submit limits imposed upon you by Webflow, but empowers you with full control of the response back to the browser (user) without any custom code.

Also, depending upon your storage needs you can greatly speed this up by using Make’s built-in Datastore versus jumping out to Airtable.

This has the added benefit of greatly reducing costs, too. The paid plan on Zapier starts at $29/mo versus Make’s ~$10/mo (if you ever need to go beyond the free account).

Hope that helps!