How can I connect Zapier with my Webflow site and have it redirect to a specific page after submitting the form?

Published on
September 22, 2023

To connect Zapier with your Webflow site and redirect to a specific page after form submission, you can follow these steps:

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

  2. Create a new Zap: Once you're logged in to Zapier, click on the "Make a Zap" button to start creating a new Zap.

  3. Choose a trigger app: For the trigger step, search for and select the app that you'll be using to receive the form submissions (e.g., Google Sheets, Mailchimp, etc.). Follow the prompts to connect your account and select the specific trigger event (e.g., "New Form Submission").

  4. Connect your Webflow account: In the action step, search for and select "Webflow" as the app. Follow the prompts to connect your Webflow account by entering your Webflow API credentials. If you haven't generated your API credentials yet, you can find them in your Webflow site settings.

  5. Set up the Webflow action: Once your Webflow account is connected, select "Create Item" as the Webflow action. Then, choose the specific Webflow site and form that you want to connect to Zapier.

  6. Map form fields: Next, you'll need to map the form fields from your trigger app to the fields in your Webflow form. This step ensures that the data from the form submission is correctly passed to Webflow.

  7. Test and activate your Zap: After mapping the form fields, test the connection between your trigger app and Webflow. Submit a test form entry and check if the data is successfully sent to your Webflow site. If everything looks good, activate your Zap to start the automation.

  8. Configure the redirect: To redirect users to a specific page after form submission, you can use the Webflow's form settings. In your Webflow Designer, locate the form element and click on it. In the right sidebar, under the "Form Settings" tab, you can enter the URL of the page you want to redirect users to in the "Redirect URL" field. Make sure to save your changes.

By following these steps, you can seamlessly connect Zapier with your Webflow site and have it redirect to a specific page after submitting the form.

Additional Questions:

  1. How do I create an API credential for my Webflow site?
  2. Can I connect multiple forms on my Webflow site to Zapier?
  3. Is it possible to customize the data mapping between the trigger app and Webflow?