How to Use Pabbly Connect for Webflow and Gmail Integration

Learn how to integrate Webflow with Gmail using Pabbly Connect for automated email notifications on form submissions. Discover hidden automation capabilities within your existing tools. This guide shows you how to connect your essential applications and permanently eliminate redundant manual processes.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Webflow and Gmail Integration

To begin the integration process using Pabbly Connect, first, access the Pabbly Connect dashboard. If you’re a new user, sign up to create an account, which takes less than two minutes. Existing users can simply sign in to their accounts.

Upon logging in, you will gain access to the dashboard where you can create a new workflow. Click on the ‘Create Workflow’ button on the right side, which will prompt you to name your workflow. For this example, let’s name it ‘Send Email on Webflow Form Submission’.

2. Setting Up the Trigger with Webflow

In this step, we will configure the trigger using Pabbly Connect to capture new form submissions from Webflow. The trigger event to select is ‘New Form Submission’. This action will allow Pabbly Connect to listen for any new responses submitted through your Webflow form.

• Choose ‘New Form Submission’ as the trigger event.
• Copy the generated webhook URL provided by Pabbly Connect.
• Go to your Webflow account and navigate to the specific form settings.

Once you have copied the webhook URL, you need to paste it into the Webflow form settings under the integrations section. This establishes a connection between Webflow and Pabbly Connect, allowing it to receive form submissions.

3. Configuring Webflow to Send Data to Pabbly Connect

After setting up the webhook URL in Webflow, it’s time to test the integration. You will need to submit a test form response to ensure that Pabbly Connect receives the data correctly. Fill out the form with sample information and submit it.

Once the form is submitted, return to your Pabbly Connect dashboard where you will see that the webhook has successfully captured the data. The information received will include the name, email address, mobile number, and other details from the form submission.

4. Setting Up the Action to Send Emails via Gmail

Now that we have successfully set up the trigger, the next step is to configure the action in Pabbly Connect that will send an email through Gmail. Select Gmail as your action application and choose the ‘Send Email’ action event.

• Click ‘Connect’ to link your Gmail account with Pabbly Connect.
• Authorize Pabbly Connect to access your Gmail account.
• Fill out the email fields, including the recipient’s email, sender’s name, subject, and content.

Make sure to map the recipient’s email address from the previous step to ensure that each email is sent to the correct address. After filling in all the required fields, click on ‘Save and Send Test Request’ to verify that the email is sent successfully.

5. Testing the Integration for Success

To confirm that the integration works, you should perform another test by submitting a new form through Webflow. After submitting the form, check the recipient’s inbox to see if the email was received successfully from Gmail via Pabbly Connect.

If the email arrives as expected, this indicates that your integration is functioning correctly. You can now use this setup to automate email notifications for every new lead that fills out your Webflow form.

Conclusion

In this tutorial, we explored how to use Pabbly Connect to integrate Webflow with Gmail for automated email notifications. By following these steps, you can streamline your lead management process efficiently.