> For the complete documentation index, see [llms.txt](https://docs.integry.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.integry.ai/embedded-ui/embed-flows-coming-soon.md).

# Embed Flows (Coming soon)

In this guide, we will use the [Integry.JS SDK](/apis-and-sdks/js-sdk-reference.md) to enable users to setup/run integrations of [Flows](/flows/overview.md) with other apps (and connect those apps) from your SaaS application.

Before you proceed, please [sign up](https://app.integry.io/accounts/register/v3/signup/?product=functions) for a free trial (if you haven't).

## Set up the SDK

Follow the steps [here](/apis-and-sdks/js-sdk-reference.md#setting-up).

## Show flows

Your users need a way to discover flows.

### Show Flows in the Integry marketplace

Call the [`showFlows()`](/apis-and-sdks/js-sdk-reference.md#show-flows-coming-soon) method to show a list of flows. You can [configure the render mode, layout and styling](/embedded-ui/render-modes-layouts-and-styling.md).

<figure><img src="https://78037505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQak2YXQSmpUf7kzA1VKk%2Fuploads%2Fl7zZay0qs1cdFE9RdzQI%2FScreenshot%202024-11-12%20at%208.13.04%E2%80%AFPM.png?alt=media&amp;token=8278dfc1-3231-4675-a735-b0bcafc90061" alt="" width="375"><figcaption></figcaption></figure>

Your users will simply click an app to connect. If the app has [Flows](/flows/overview.md), they will then be able to setup/run those flows.

### Show apps in your own marketplace

If you're using Integry to add more apps to an existing integrations marketplace in your app, see [embed an app](/embedded-ui/add-integry-apps-to-an-existing-marketplace.md).

## Listen to events (optional)

### Integration created

If you are going to send data from your app to another app, you will need to capture (and store) the **unique callback URL** for the user's integration so you can trigger it from your app.

Subscribe to the `integration-created` event and get the `callbackURL`. This event will fire after your user creates an integration. It will not fire if they edit an existing integration.

```javascript
integry.eventEmitter.on('integration-created', (data) => {
    console.log("Callback URL: " + data.callbackUrl);
});
```