How can I link a Webflow membership "Sign-Up-Form" to Zapier?

Published on
September 22, 2023

To link a Webflow membership sign-up form to Zapier, you will need to follow these steps:

  1. Set up a Zapier account: If you don't already have one, sign up for a Zapier account at zapier.com.

  2. Create a new Zap: Once you're logged in to your Zapier account, click on the "Make a Zap!" button on the top navigation bar. This will start the process of creating a new Zap.

  3. Choose the trigger app: In the Zap editor, you'll need to specify the trigger app. Look for the "Choose App & Event" section and search for "Webflow" in the search bar. Select the Webflow app as the trigger app.

  4. Choose the trigger event: After selecting the Webflow app, you'll be prompted to choose the trigger event. Scroll down and select the "New Form Submission" event. This means that whenever a form submission is made on a Webflow page, it will trigger the Zap.

  5. Connect your Webflow account: If you haven't done so already, you'll need to connect your Webflow account to Zapier. To do this, click on the "Connect Account" button and follow the instructions to authorize the connection between Webflow and Zapier.

  6. Customize the trigger options: Next, you'll be asked to select the Webflow project and form that you want to use for the trigger. Choose the website project you want to connect and then select the specific form you want to use.

  7. Test the trigger: Before moving forward, you should test the trigger to ensure that Zapier is receiving the form submissions correctly. Click on the "Fetch & Continue" button to test the trigger event.

  8. Set up the action app: After the trigger is set up, it's time to choose the action app. Search for "Zapier Email Parser" in the search bar and select it as the action app. This app will allow you to extract the form submission data and send it to Zapier.

  9. Configure the email parser: Once you've selected the Zapier Email Parser app, you'll need to configure it to extract the form data. Follow the instructions provided by Zapier to set up the email parser's fields and mappings to match the form fields in your Webflow form.

  10. Test the action: After setting up the email parser, it's important to test the action to ensure that the data is being extracted correctly. Click on the "Fetch & Continue" button to test the action.

  11. Set up the next action: Once the form data is extracted, you can choose what you want to do with it in the next action. Zapier offers a wide range of apps and actions to choose from, such as adding the form submission to a Google Sheets spreadsheet or sending a notification to a messaging app like Slack or Microsoft Teams. Choose the desired app and action, and configure it as needed.

  12. Test and turn on the Zap: Finally, it's time to test the entire Zap by clicking on the "Test & Review" button. This will ensure that all the steps are working correctly. If everything looks good, turn on the Zap to start the automation.

By following these steps, you can successfully link a Webflow membership sign-up form to Zapier and automate various tasks based on the form submissions.

Additional questions:

  1. How do I set up a Webflow membership sign-up form?
  2. What are some other automation tools similar to Zapier that I can use with Webflow?
  3. Can I use Zapier to integrate Webflow with other popular apps like Mailchimp or Salesforce?