> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/docs.facephi-en/products/idv-suite/idv-suite/modulos-de-idv/flujos-e-integraciones/integraciones.md).

# Integrations

The section of **Integrations** allows connecting one or more flows with a **runtime environment** (standalone Landing or SDK Web/mobile).\
It offers options for **visual customization**, connection with **Webhooks** and technical configuration adapted to the client's needs.

#### Types of Integration

* **No Code**:
  * Generates a standalone Landing (own URL).
  * Does not require code integration.
* **Low Code (Web)**:
  * The flow is integrated into a **SDK Web**.
* **Low Code (Mobile)**:
  * The flow is integrated into a **SDK mobile**.

## Integration list

Available only for users with the Admin role, this screen allows identifying the **status of each integration** (*Draft*, Configured, Pending approval or Published), **view** the **integrations** that have already been published and **edit** or **configure** those that are in progress.

<figure><img src="/files/0f0f83c7e935cde413b1c5942e40f12cf2beeff4" alt=""><figcaption></figcaption></figure>

1. **Filter** by search **match**.
2. **Filter** by **date**.
3. **Filter** by **specific** **parameters**.
4. **Modify column view**: you can hide certain columns that you don't need to see.
5. Create a **new integration**.
6. **Display options** (vary depending on *Status*).
7. Navigate between the **pages** of the table.

## Create an integration

To create a new integration, click the button **New Integration**. This function is available **only for Admins**.

The first step is to select the **integration type**: **No Code** or **Low Code** (Web/Mobile).

### **No Code**

<figure><img src="/files/35442688d652fc3a7ef48dde60ecec1953043a1f" alt=""><figcaption></figcaption></figure>

1. **Customization**: apply the client's aesthetics (colors, fonts, logos, etc.).
2. **Connect**: connect with a Webhook (optional) to improve the experience.
3. **Set-up**: complete the mandatory configuration.

### **Low Code (web):**

<figure><img src="/files/fe1fcb33691c593ec2d384fb4d016344aeec738d" alt=""><figcaption></figcaption></figure>

1. **Customization**: apply the client's aesthetics (colors, fonts, logos, etc.).
2. **Connect**: connect with a Webhook (optional).
3. **Set-up**: complete the mandatory configuration.

### **Low Code (mobile):**

<figure><img src="/files/e234c088184f11adc8c64ed476712fc6e7568f94" alt=""><figcaption></figcaption></figure>

To configure a Low Code Mobile integration, 4 steps must be completed:

1. **Select**: add one or more flows from the available list.
2. **Customization**: apply the client's aesthetics.
3. **Connect**: connect with a Webhook (optional).
4. **Set-up**: complete the mandatory configuration.

## Edit an integration

When clicking **Edit integration**, the same sequence of steps opens as in creation (depending on the type).

* If the integration is in **Draft**:
  * It will open at the **first pending step**.
  * It is not possible to skip steps.
* If the integration is in any other status:
  * It will open from the **first step**.
  * The user will be able to navigate between steps using the **stepper**.

<figure><img src="/files/f69ccfd72c14fa9cc9bf7fef288ab44f5abde07a" alt=""><figcaption></figcaption></figure>