App Connections

App Connections allow users to launch Apps directly within their workflow in the Webflow Designer.

By linking specific site resources (such as an Image or Form element) with the App that created them, App Connections enable users to return to the App for managing settings and adjustments specific to that resource. This provides a more intuitive, App-driven workflow, letting users seamlessly engage with Apps right where they are needed.

Instead of solely relying on the App Drawer, Webflow users can now launch Apps from contextual locations like the ‘Element Settings’ panel, making interactions smoother and more relevant when an App has created or modified a resource on the site.

How App Connections work

App Connections link a site resource to an App through the Designer APIs. First, the App sets up a connection on a specific resource (e.g., an Image or Form element), which informs the Designer to show an “App Connection” button when a user modifies that resource in the element settings panel.

When a user clicks the “App Connection” button, the connected App will launch. Using the App Connections APIs, your App can detect whether it was launched via an App Connection and identify the specific element that triggered the launch. This enables you to serve a context-specific page within your App, rather than just the home screen, providing a more tailored and efficient user experience.

Setting up an App Connection

In the steps below, we’ll walk through the following:

1. Creating an App Connection on an element
2. Listening for an App Connection when the App launches
3. Accessing the Specific Resource for an App Connection