Attio

How to integrate Attio with Webflow

Manual data entry between marketing websites and CRM systems creates delays in sales follow-up and risks data accuracy errors. When prospects submit forms on your Webflow site, sales teams need that contact information in their CRM immediately without copying data between systems.

You can connect Webflow to Attio through automation platforms like Zapier and Relay for straightforward form-to-CRM workflows, or build custom integrations using both platforms' REST APIs for real-time synchronization and complex multi-step processes. Both Attio and Webflow provide authentication methods and webhooks that support these integration patterns.

Connect through automation platforms

Automation platforms connect Webflow form submissions to Attio contact records without custom code. You configure triggers (form submitted on specific Webflow site) and actions (create or update Attio record) through visual workflow builders. These tools work well for B2B SaaS companies capturing leads and professional services firms managing client relationships.

Zapier's Attio-Webflow integration and Relay's automation workflows both support this connection pattern. Set up triggers on Webflow form submissions, map form fields to Attio attributes, and configure automatic record creation.

Common automation workflows:

• Automatically generate Attio Person or Company records from Webflow form data with field mapping
• Start qualification workflows when specific form responses indicate purchase intent or target customer characteristics
• Alert team members in Attio when high-value leads submit forms, triggering immediate follow-up processes

These platforms handle authentication, error retry logic, and basic field transformation.

Build with Webflow and Attio APIs

Direct API integration gives you control over data synchronization timing, custom object creation, and complex workflow logic. You can implement real-time updates, bidirectional sync patterns, and custom business rules that automation platforms don't support. This approach makes sense when you need custom lead enrichment, gated content based on CRM status, or integration with additional backend services.

Set up API authentication

Both platforms require authentication before API access. Attio supports OAuth 2.0 authorization and API key authentication. For OAuth 2.0, obtain user consent through the authorization endpoint, then exchange the code for an access token. Include tokens in request headers as Authorization: Bearer <token>.

Webflow provides Site Tokens through Site Settings > Integrations with configurable scopes (cms:read, cms:write, design:read). You can also implement OAuth 2.0 for user-specific access through the authorization endpoint.

Store credentials securely in environment variables.

Capture Webflow form submissions

Configure Webflow webhooks to send form submission data to your endpoint. Create webhooks with POST https://api.webflow.com/sites/{siteId}/webhooks, specifying form_submission as the trigger type. Webflow sends POST requests to your specified URL with form field values and submission metadata.

Your webhook handler receives JSON payloads containing form data. Parse the submission, validate required fields, and prepare data for Attio's record structure. Handle webhook signatures to verify authentic Webflow requests and prevent unauthorized submissions.

Note that Webflow allows only one webhook per trigger type per site. If you have multiple forms, they all fire to the same webhook URL, requiring you to identify which form was submitted through the payload.

Create and update Attio records

Use the Attio Records API to create or update CRM data. The PUT /v2/objects/{object}/records endpoint with a matching attribute parameter handles both creation and updates, matching on unique identifiers like email addresses. This prevents duplicate records when the same person submits multiple forms.

Note: The assert endpoint uses a consistent pattern across all Attio object types: PUT /v2/objects/{object}/records?matching_attribute={attribute}. While this pattern is explicitly documented for users and workspaces, it follows the same structure for people and companies objects. We recommend testing these endpoints in a development environment before deploying to production.

Send PUT requests to https://api.attio.com/v2/objects/people/records?matching_attribute=email_addresses (or the appropriate object type) with attribute values. Map Webflow form fields to Attio attributes, transforming data types as needed. For example, convert Webflow's form submission timestamp to Attio's date format.

Handle API errors gracefully. Attio returns detailed error messages for validation failures, authentication issues, and rate limit violations. Implement retry logic for transient failures and log errors for debugging.

Work with Attio Lists

Connect your integration to Attio Lists for customer segmentation and workflow organization. Use the Lists API to retrieve available lists, view list members, and add records to specific lists.

This allows you to organize contacts based on form submission data or other criteria you define.

Configure webhooks for cms_item_create, cms_item_update, and cms_item_delete events if you need to respond to CMS content changes in your integration workflows.

What you can build

Integrating Attio with Webflow enables CRM-powered websites where form interactions automatically flow into sales and relationship management workflows without manual data entry.

• Lead capture landing pages: Create product landing pages where demo requests and pricing inquiries automatically generate Attio Person records with lead source attribution and automated qualification.
• Multi-form lead qualification systems: Build multi-step form experiences where each submission updates the same Attio contact record progressively, tracking the complete buyer journey.
• Automated sales team notifications: Design inquiry forms that trigger immediate notifications to relevant team members in Attio when prospects matching specific criteria submit forms.
• B2B SaaS lead capture workflows: Implement form-to-CRM automation that automatically creates both Person and Company records in Attio, linking employees to their organizations from first contact.