Integrating Webflow with Microsoft Teams Using Pabbly Connect

Learn how to integrate Webflow with Microsoft Teams using Pabbly Connect for automated notifications on form submissions. Transform complex automation concepts into accessible, actionable steps that eliminate unnecessary manual work while maximizing existing application capabilities.

Watch Step By Step Video Tutorial Below

1. Setting Up Pabbly Connect for Webflow and Microsoft Teams Integration

To start using Pabbly Connect, you need to access the dashboard. This is where you can create workflows that automate tasks between different applications. If you are new to Pabbly, sign up quickly to get started.

Once you are logged in, find the ‘Create Workflow’ button on the right side of your dashboard. Click on it to open a dialog box where you can name your workflow. For this tutorial, name it something like ‘Webflow to Microsoft Teams Notifications’ and click on ‘Create’ to proceed.

2. Choosing Trigger and Action Applications in Pabbly Connect

In this step, we will define the trigger and action applications in Pabbly Connect. The trigger application will be Webflow, and the action application will be Microsoft Teams. Click on Webflow as your trigger application.

• Select ‘New Form Submission’ as the trigger event.
• Copy the webhook URL provided by Pabbly Connect.
• This URL will be used to connect Webflow with Pabbly Connect.

After copying the webhook URL, you will proceed to set it up in your Webflow account. This step ensures that every time a new form submission occurs, Pabbly Connect will receive the data.

3. Integrating Webflow with Pabbly Connect

Next, you will integrate Webflow with Pabbly Connect. Open your Webflow dashboard, navigate to your project, and click on the settings icon. Look for the ‘Integrations’ tab and scroll down to find the ‘Webhooks’ section.

• Click on ‘Add Webhook’ and select the trigger type as ‘Form Submission’.
• Paste the copied webhook URL from Pabbly Connect.
• Click on ‘Add Webhook’ to finalize the integration.

Once the webhook is added, return to Pabbly Connect where it will be waiting for a webhook response. This indicates that the integration between Webflow and Pabbly Connect is set up and ready for testing.

4. Testing the Integration and Sending Notifications to Microsoft Teams

Now that Webflow is integrated with Pabbly Connect, it’s time to test the setup. Go back to your Webflow contact form and submit a test entry. For example, fill in the name, email, phone number, and gender, then click on submit.

After submitting the form, return to Pabbly Connect to check if it has received the data from Webflow. If successful, you will see the details such as name, email, and phone number captured in the webhook response.

5. Configuring Microsoft Teams to Receive Notifications from Pabbly Connect

With the data received in Pabbly Connect, the next step is to configure Microsoft Teams to send notifications. Select Microsoft Teams as the action application and choose the action event as ‘Send Message in a Channel’.

Connect your Microsoft Teams account to Pabbly Connect. Select the team and channel where the message will be sent. Map the fields from the webhook data to create a message.

Finally, test the action by sending a message. If everything is set up correctly, you will receive a notification in your selected Microsoft Teams channel every time a new form submission occurs in Webflow. This confirms that your integration is successful.

Conclusion

In this tutorial, we demonstrated how to use Pabbly Connect to automate notifications from Webflow to Microsoft Teams. By following these steps, you can streamline your workflow and ensure your team stays informed about new submissions effortlessly.