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

Learn how to automate contact creation in Flowlu from Webflow form submissions using Pabbly Connect. Follow this detailed tutorial for seamless integration. Navigate the automation landscape confidently with clear, structured guidance suitable for professionals regardless of prior technical experience.

Watch Step By Step Video Tutorial Below

Accessing Pabbly Connect for Integration

To create a Flowlu contact on Webflow form submission, you need to access Pabbly Connect, the central platform for this integration. First, visit the Pabbly Connect website and sign in to your existing account. If you are a new user, you can sign up for free and get 100 tasks every month.

Once logged in, you will see the Pabbly Connect dashboard. Click on the ‘Access Now’ button to enter the Pabbly Connect workspace. Here, you will create a workflow that automates the process of capturing form submissions from Webflow and creating contacts in Flowlu.

Creating a Workflow in Pabbly Connect

To start the automation, you must create a workflow in Pabbly Connect. Click on the ‘Create Workflow’ button located in the top right corner. A dialog box will appear prompting you to name your workflow. Enter ‘Create Flowlu Contact on Webflow Form Submission’ as the workflow name.

Next, you need to select a folder to save the workflow. Click on the dropdown menu and choose an appropriate folder, such as ‘Webflow Automations.’ After naming the workflow and selecting the folder, click the ‘Create’ button to finalize the setup. You will now see two sections: Trigger and Action.

• Trigger: This is the event that starts the automation.
• Action: This is the event that follows the trigger.

In this case, the trigger will be a form submission from Webflow, and the action will be creating a contact in Flowlu.

Setting Up the Trigger with Webflow

To set up the trigger in Pabbly Connect, select ‘Webflow V2’ as the trigger application. For the trigger event, choose ‘Form Submitted.’ Click on the ‘Connect’ button to establish the connection.

A window will appear asking for a connection. You can either create a new connection or use an existing one. To create a new connection, you will need to provide an API token from your Webflow account. Log into your Webflow account, navigate to your site settings, and generate a new API token under the API access section.

• Log into Webflow and go to your site settings.
• Generate an API token with read and write permissions.
• Copy the token and paste it into Pabbly Connect.

After pasting the token, click on the ‘Save’ button to complete the connection. You will then be prompted to select the Site ID from which the form submissions will be collected.

Setting Up Action to Create a Contact in Flowlu

After successfully setting up the trigger, you need to configure the action in Pabbly Connect. Select ‘Flowlu’ as the action application and choose ‘Create CRM Account Contact’ as the action event. Click on the ‘Connect’ button to establish the connection.

You will need to provide the account URL and API key to connect to your Flowlu account. Log into your Flowlu account and navigate to the profile section to generate an API key. After generating the key, copy it and paste it into Pabbly Connect along with the account URL.

Log into Flowlu and go to the profile settings. Generate an API key for CRM applications. Copy the API key and URL into Pabbly Connect.

Once the connection is established, you will need to map the fields from the Webflow submission to the Flowlu contact fields. This includes first name, last name, email, and any other relevant information.

Testing the Integration

With both the trigger and action set up in Pabbly Connect, it’s time to test the integration. Submit a test entry through your Webflow form to ensure that the data is captured correctly. After submitting the form, go back to Pabbly Connect and check the response from the trigger step.

If the integration is successful, you will see the details of the form submission displayed in Pabbly Connect. This confirms that Webflow is correctly sending the data to Pabbly Connect, which will then forward it to Flowlu to create a new contact.

Fill out the Webflow form with dummy data. Submit the form and check Pabbly Connect for the response. Verify that a new contact appears in your Flowlu account.

If everything is working correctly, you will see the new contact created in Flowlu with the details submitted through the Webflow form.

Conclusion

In this tutorial, we demonstrated how to use Pabbly Connect to automate the creation of Flowlu contacts from Webflow form submissions. By following the steps outlined, you can streamline your lead management process and enhance efficiency in your digital marketing efforts. This integration allows you to focus on growing your business while Pabbly Connect handles the data transfer seamlessly.