Webflow
Asana
zapier

An automated workflow using zapier

Connects Webflow + Asana

Send Webflow form data out as a new project on Asana

About this workflow template

This automation scenario allows you to connect Webflow and Asana

It can be build using Zapier, a no-code workflow automation tool. Zapier allows you to create automated scripts using a simple drag-and-drop interface for non-technical users. This is a ready-made scenario, but it can be customized by adding more apps, actions, filters or branches.

Webflow and Asana can also be integrated using automation tools other than zapier:

Diagram

Send Webflow form data out as a new project on Asana
Workflow diagram: Webflow + Asana integration

How it works?

When this trigger fires in Webflow

Webflow

Form Submission in Webflow

Triggers when a new form submission occurs.

Then this action happens in Asana

Asana

Create Project in Asana

Adds a new project.

How to set up this workflow

This guide contains information on how to set up an automatic workflow that allows to Send Webflow form data out as a new project on Asana.

Part I

Configure Applications

First, we need to connect Webflow and Asana to Zapier.

  • Create Zapier account.

    Create Zapier account.

    Create Zapier account if you don't have one.

  • Connect Webflow to Zapier.

    Connect Webflow to Zapier.

    Give Zapier access to your Webflow account, using Webflow credentials.

  • Connect Asana to Zapier.

    Connect Asana to Zapier.

    Give Zapier access to your Asana account, using Asana credentials.

Part II

Build an integration workflow

Next, we need to create a workflow automation scenario using graphical no-code web interface of Zapier.

  • Set up a Trigger action for Webflow

    Set up a Trigger action for Webflow

    Choose the following trigger: Form Submission (Triggers when a new form submission occurs.).

  • Then set up an Action for Asana

    Then set up an Action for Asana

    Choose this action: Create Project (Adds a new project.).

Part III

Test and Publish

Finally, we need to test this automation and publish it.

  • Customize data flow

    Customize data flow

    Configure the data that is exchanged between Webflow and Asana.

  • Test the workflow and turn it on for production use

    Test the workflow and turn it on for production use

    Test your scenario and publish to production. Now you have an automatic workflow, that will Send Webflow form data out as a new project on Asana!

Supported triggers and actions

  • Asana

    New task in project (legacy)

    Triggered when you add a new task to a project.

    zapier
    triggerbyzapier
  • Asana

    New project

    Triggered when you add a new project.

    zapieriftttautomateiopabbly-connect
    triggerbyzapieriftttautomateiopabbly-connect
  • Asana

    Completed task

    Triggered when a task within a project, or any project within a workspace, is marked as completed. Does not trigger on completed subtasks.

    zapierautomateio
    triggerbyzapierautomateio
  • Asana

    Tag added to task (legacy)

    Triggered when you add a tag to a task.

    zapier
    triggerbyzapier
  • Asana

    New team

    Triggered when you add a new team.

    zapierpipedream
    triggerbyzapierpipedream
  • Asana

    New project added to workspace (instant)

    New project added to workspace (instant)

    pipedream
    triggerbypipedream
  • Webflow

    Create item

    Adds a new item to a given collection.

    zapierintegrately
    actionbyzapierintegrately
  • Webflow

    Create live item

    Adds a new item to a given collection on your published site.

    zapierintegratelypabbly-connect
    actionbyzapierintegratelypabbly-connect
  • Webflow

    Create collection item

    Create collection item

    pipedreamifttt
    actionbypipedreamifttt
  • Webflow

    Fulfill order

    Fulfills an order.

    zapierintegratelypabbly-connectpipedreamiftttalbato
    actionbyzapierintegratelypabbly-connectpipedreamiftttalbato
  • Webflow

    Update live item

    Updates a live item.

    zapierintegratelypabbly-connect
    actionbyzapierintegratelypabbly-connect
  • Webflow

    Update order

    Updates an order.

    zapierintegratelypabbly-connectpipedreamalbato
    actionbyzapierintegratelypabbly-connectpipedreamalbato

Apps you need

Webflow

Webflow

Website Builders

The no-code platform to build beautifully-designed web sites

Webflow helps to build production-ready web apps with no-code. Although Webflow is a no-codng tool, it provides great level of design customisation, a huge list of templates and ton of how to videos.

Asana

Asana

Project Management

A versatile cloud project management platform

Asana is a powerful work management platform that simplifies team collaboration and project management. With Asana, you can track and prioritize tasks, monitor progress in real-time, and connect all your work in one place. From small tasks to big initiatives, Asana helps teams achieve great results, anywhere, anytime.

Zapier

Zapier

Automation Platforms

No-code automation service

Zapier simplifies busy people's lives by automating web app data transfers, reducing tedious tasks, and allowing teams to collaborate effortlessly. With over 5,000 popular apps connected, it's never been easier to streamline your workflow.