Webflow app

Trigger workflows from Webflow form submissions.

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

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, or any other field: Text

Webflow won’t submit a form that contains a password field, so these forms can’t trigger a workflow and password values never reach Attio.

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 or deleting the workflow removes that webhook. Uninstalling the Webflow app removes all webhooks Attio created and revokes Attio’s access to Webflow.

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.

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

Frequently asked questions

Whether you need to do anything depends on the kind of change you made.

Your workflow keeps running as-is after these changes:

  • Reordering fields

  • Styling the form or its fields

These changes need you to reconfigure the trigger:

  • Adding a field

  • Removing a field

  • Renaming a field

After any of those, open the Webflow trigger block and configure it again so it picks up the form's current fields.

This matters most when later blocks use the trigger's outputs. Those blocks point to the fields the trigger captured when you set it up, so a trigger that's out of sync with the form won't map values correctly.

If Attio can't load your sites or forms, an error appears when you configure the block and the affected dropdown is empty. Check that your Webflow connection is still active in Workspace settings > Apps.

Attio runs the workflow for every submission Webflow sends in its documented format. If a workflow didn’t run, check that the form still exists in Webflow and that the trigger’s site and form selections are correct.

  • Webflow authentication failed. Check your workspace connection.: Webflow rejected the request. Reconnect the app from Workspace settings > Apps.

  • Webflow rate limit exceeded. Please try again later.: Attio retried the request and was still rate limited. Wait, then try again.

  • Webflow is temporarily unavailable. Please try again later.: Webflow returned a server error. Wait, then try again.

  • Unexpected response from Webflow API: Webflow returned data Attio couldn't read. Contact support if it continues.

Where Webflow provides its own error message, Attio will show it on the block in the run viewer.