UI for Managing Connections

Display the list of integrations, connect and disconnect external apps, configure connections.

List Integrations

Your integration experience likely starts with a list of integrations your user can enable.

To get this list, use the following code:

const { items: integrations } = await membrane.integrations.find()

Integrations that already have a Connection created will have a connection property.
You can use it to indicate that the integration is already connected.

You can manage the list of available integrations on the Integrations page.

List Connections

If you want to list all the connections a user has created without listing all the available integrations, do this:

const { items: connections } = await membrane.connections.find()

Connect

To connect a user's account in a specific third-party app, call this method:

await membrane.integration('hubspot').openNewConnection()

Or if you want to create your own authentication UI, check out this guide: Custom Connection UI

Disconnect

To disconnect a specific connection, call this method:

await membrane.connection('hubspot').archive()

Next Steps

Custom Connection

Building "Connect" UI that fully blends into your app

Custom Data Source UI

Customizing data sources from inside your app.

Custom Field Mapping UI

Letting your users map fields between your app and external apps.