Integrating Webflow with Google Chat Using Pabbly Connect: A Step-by-Step Guide

Learn how to integrate Webflow with Google Chat using Pabbly Connect. This tutorial provides a step-by-step guide to automate notifications for form submissions. Eliminate manual repetitive tasks from your workflow. Discover proven automation methods with intuitive steps designed for efficiency-minded professionals.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Integration

To start integrating Webflow with Google Chat, you first need to access Pabbly Connect. Simply navigate to the Pabbly website and log in to your account. If you are a new user, you can sign up for free, which gives you access to various automation tools.

Once logged in, you will see a dashboard displaying all the Pabbly applications. Click on the option to access Pabbly Connect. This platform will enable you to create workflows that automate the notification process for new form submissions in Webflow.

2. Creating a Workflow in Pabbly Connect

To create a workflow, click on the ‘Create Workflow’ button on the dashboard. You will be prompted to name your workflow and choose a folder to save it in. For this integration, name your workflow ‘Notify Team on Google Chat for Webflow Form Submission’ and select an appropriate folder.

• Click on ‘Create’ to open the workflow window.
• In the workflow window, you will set the trigger and action for your automation.
• Select ‘Webflow’ as your trigger application and ‘Form Submitted’ as the trigger event.

By following these steps, you will set up the initial part of your workflow in Pabbly Connect. This setup ensures that every time a form is submitted in Webflow, the workflow is triggered.

3. Connecting Webflow to Pabbly Connect

After selecting Webflow as your trigger application, you need to connect your Webflow account to Pabbly Connect. Click on the ‘Connect’ button, and if you haven’t connected your Webflow account before, choose ‘Add New Connection’.

To obtain the API token for Webflow, navigate to your Webflow dashboard, go to your site settings, and under the ‘API Access’ section, click on ‘Generate API Token’. Name your token (e.g., ‘Google Chat Integration’) and ensure you grant the necessary permissions.

4. Setting Up Google Chat Integration

Once your Webflow account is connected, the next step is to set up Google Chat as the action application. Select Google Chat and choose ‘Create Message’ as the action event. Click ‘Connect’ and input the webhook URL you obtained from Google Chat.

• Open Google Chat, go to the desired space, and access the settings.
• Create a new webhook and copy the URL provided.
• Paste this URL back into Pabbly Connect as the webhook URL.

This setup allows Pabbly Connect to send messages to Google Chat automatically whenever a new form is submitted in Webflow.

5. Testing the Integration

After setting up both applications, it’s crucial to test your integration. Submit a test form in Webflow to see if your team receives a notification in Google Chat. This step verifies that your Pabbly Connect workflow is functioning correctly.

Once you submit the form, check Google Chat for the notification message. If everything is set up correctly, you should see a message containing the details entered in the form, confirming that the integration works seamlessly.

Conclusion

This tutorial demonstrated how to integrate Webflow with Google Chat using Pabbly Connect. By following these steps, you can automate notifications for form submissions, ensuring your team stays updated on new leads. With Pabbly Connect, creating such automations becomes easy and efficient.