Orchestrate revenue agents with the new Workflows

Webflow app

Trigger workflows from Webflow form submissions.

Table of Contents

Available on all plans.

Admins can install the Webflow app.
Once installed, all members can use it.

Connect Attio with Webflow to trigger workflows when someone submits a form on your Webflow site. The trigger passes the form's field values into your workflow, so you can use them in later blocks.

Connect Webflow with Attio

You must be a workspace admin to set up the Webflow app:

  1. Click your workspace name, select Workspace settings, then go to Apps in the sidebar.

  2. Find the Webflow app and click Install.

  3. Click Connect, which takes you to Webflow.

  4. Log in to Webflow and authorize the connection.

  5. Once complete, you can use the Webflow trigger block in your workflows.

Attio requests read and write access to your sites, and read access to your forms. Write access to sites is used to register the webhook that delivers form submissions to Attio.

Note: Webflow connects at the workspace level. One admin sets up the connection, and every workflow in the workspace uses it, so there's no separate step for other members to connect their own account.

Use Webflow in workflows

Form submitted (trigger)

Form submitted starts a workflow when someone submits a form on your Webflow site.

Inputs:

  • Site (required): Select the Webflow site to listen to.

  • Form (required): Select the form to trigger on. Forms appear here once you've selected a site.

  • Default phone number country code (optional): Appears only when the selected form includes a phone field. Set this so phone numbers entered in national format, without a country code, parse correctly. Without it, only numbers entered in international format parse successfully.

Outputs:

  • Site ID and Form ID: which site and form the submission came from.

  • One output per form field, named after the field in Webflow. These are dynamic and differ for each form.

Each output's type is set by the type of the Webflow form field it came from:

  • Email field: Email address

  • Phone field: Phone number

  • Number field: Number

  • Checkbox field: True or false

  • Plain text, password, or any other field: Text

When a value doesn't come through

Any field can arrive empty, so plan for that when you use these outputs later in your workflow. If someone enters something that doesn't fit the field's type, such as a malformed email address, a phone number Attio can’t read, or letters typed into a Number field, Attio leaves the field empty rather than passing the value along.

Two field types behave in specific ways:

  • Checkbox field: Comes through as true when the submitted value is "true", in any capitalization. Anything else comes through as false.

  • Number field: An empty Number field comes through as 0, not as an empty value. If you're checking whether someone entered a number, remember that a 0 might mean they left it blank.

Activating a workflow that uses this trigger registers a webhook on the selected Webflow site. Deactivating the workflow removes it.

Note: Give each form field a unique name in Webflow. If two fields share a name, only one of their values reaches your workflow and the other is dropped.

Related resources

Learn more about building automations in Create a workflow and the Workflows block library.

Frequently asked questions