Relay.app

How to integrate Relay.app with Webflow

Relay.app integrates with Webflow through two methods: a no-code app for building workflows visually, and a developer-facing API approach for custom webhook and HTTP request architectures. Most teams start with the app. Teams that need real-time CMS sync across platforms, content approval pipelines, or multi-site distribution use the API method.

Use the Relay.app app

Install the Relay.app app from the Webflow Apps Marketplace. The app connects your Webflow account through OAuth, so there are no API keys to configure. From there, build workflows in Relay.app's visual editor by selecting Webflow triggers and pairing them with actions across connected apps.

Relay.app supports Webflow triggers, including form submissions, CMS item creation and updates, e-commerce order events (placed, fulfilled, refunded, disputed), product changes, and new user creation. On the action side, you can create, find, update, and publish CMS items; create and find collections; fulfill, unfulfill, and refund orders; create, update, and invite users; and create and update products.

Relay.app's human-in-the-loop feature pauses workflows for manual review before executing the next step. You can require approval before publishing CMS items, processing refunds, or sending customer emails. This is useful for agencies managing client sites and teams that need quality control checkpoints on automated decisions.

Several step-by-step guides on Relay.app's site walk-through common setups: importing Webflow form submissions into Retable, creating Pipedrive leads from form submissions, connecting a Webflow form to HubSpot, and sending Slack notifications for new form submissions. These cover the most common no-code patterns.

Build with Webflow and Relay.app APIs

For use cases beyond pre-built triggers and actions, like real-time CMS sync across multiple sites, custom order processing pipelines, or automated user provisioning, you can connect the Webflow REST API with Relay.app's webhook triggers and custom HTTP request actions.

The architecture works in two directions. Webflow sends event data to Relay.app through webhooks configured via the Webflow API. Relay.app then pushes data back to Webflow through custom HTTP requests that call the Webflow REST API (v2). Webflow supports two authentication methods: site API tokens for single-site integrations, and OAuth 2.0 for multi-site applications that need granular permission scopes.

On the Webflow side, you can register webhooks to send CMS, form, and e-commerce events to Relay.app workflow URLs; create and update CMS items through the collections endpoints; fulfill and refund orders through the e-commerce endpoints; and invite users through the users endpoints. Refer to the Webflow API reference for current endpoint paths and required fields, as these may change across API versions.

On the Relay.app side, each workflow generates a unique webhook URL that accepts POST requests with JSON payloads. Relay.app supports an optional deduplication key field to prevent duplicate processing. For CMS sync workflows, combining an item's ID with its last-updated timestamp works well so that updated items trigger new workflow executions without creating duplicate runs.

What you can build

Integrating Relay.app with Webflow gives you backend automation for forms, CMS content, e-commerce, and user management without writing server-side code. The no-code app handles the most common patterns, and the API approach covers more complex architectures.

Here are a few examples of what you can build:

• Lead capture and CRM pipeline: Route Webflow form submissions into CRMs like HubSpot or Pipedrive, add AI-based data enrichment to classify or score leads, and send instant Slack or Teams notifications so your sales team knows when new leads arrive.
• E-commerce order processing: Trigger fulfillment workflows and generate invoices in tools like Wave when Webflow orders are placed. Add human-in-the-loop approval steps for refunds and disputes so financial transactions get reviewed before they execute.
• AI-assisted content publishing: Use Relay.app's AI steps to classify, summarize, or translate new CMS items, then route them through a team approval step before publishing to your Webflow site. This works well for teams that produce content at volume but need editorial oversight.
• Membership site with automated onboarding: Automatically create and invite Webflow users from Calendly bookings or form submissions, assign access groups, and trigger welcome email sequences through connected email tools like Loops.

Browse the Relay.app Webflow integration page for pre-built workflow templates covering these patterns and more.