Watch Step By Step Video Tutorial Below





1. Accessing Pabbly Connect for Integration

To start integrating Webflow with ClickUp, you need to access Pabbly Connect. First, visit pabbly.com/connect and create an account if you haven’t done so already. This platform allows you to automate tasks between various applications seamlessly.

Once logged in, you will be directed to the Pabbly Connect dashboard. Here, you can manage your automation workflows. Click on the ‘Create Workflow’ button to begin setting up your integration.

2. Creating a New Workflow in Pabbly Connect

In this section, you will create a new workflow using Pabbly Connect. Click on the ‘+ Create Workflow’ button and choose the option to create from scratch. This allows for full customization of your integration.

  • Select ‘Webflow’ as your trigger application.
  • Choose the trigger event as ‘Form Submitted’.
  • Then, select ‘ClickUp’ as your action application.
  • Set the action event as ‘Create Task’.

Once you set these parameters, click on the ‘Create’ button to finalize your workflow setup. This will enable the automation process to begin.

3. Connecting Webflow and ClickUp to Pabbly Connect

Now, it’s time to connect your Webflow account to Pabbly Connect. Click on the Webflow application in your workflow and then click on the ‘Connect’ button. If you have an existing connection, you can choose that option; otherwise, create a new one.

You will need to enter your API token from your Webflow account. To obtain this, go to your Webflow settings, navigate to the API section, and generate a new token. Copy this token and paste it into the Pabbly Connect field.

  • Select the Site ID for your Webflow form.
  • Choose the response format (simple, advanced, or raw).

After saving the connection, test it by submitting a form in Webflow to ensure that the data flows correctly to Pabbly Connect.

4. Setting Up ClickUp Action in Pabbly Connect

Next, you will set up ClickUp as the action application in Pabbly Connect. Click on ClickUp in your workflow, then click ‘Connect’. If you’re creating a new connection, provide your ClickUp API token, which you can find in your ClickUp account settings under the API section.

Once connected, select the workspace and space where you want to create tasks. Map the fields from the Webflow submission to the ClickUp task fields. This includes the task name, description, and any additional details you wish to include.

  • Map the user’s full name to the task name.
  • Include the email and phone number in the task description.

After completing the mapping, click on the ‘Save and Send Test Request’ button to verify that the task is created in ClickUp successfully.

5. Finalizing Your Integration with Pabbly Connect

After testing your ClickUp action, ensure that your workflow is enabled in Pabbly Connect. This step is crucial; if the toggle is not enabled, your automation will not work. Once enabled, your integration between Webflow and ClickUp is complete.

From this point forward, every time a form is submitted in Webflow, a new task will be created automatically in ClickUp. This eliminates manual data entry and streamlines your workflow.

By using Pabbly Connect, you can create countless integrations with various applications tailored to your business needs. If you encounter any issues, consult the Pabbly support team for assistance.

Conclusion

This tutorial provided a detailed guide on integrating Webflow and ClickUp using Pabbly Connect. By following these steps, you can automate your workflows efficiently and save valuable time. Start using Pabbly Connect today to streamline your processes!