> ## Documentation Index
> Fetch the complete documentation index at: https://support.callin.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Integraciones

> Conecta servicios externos (pagos, voz/SMS, email, chat en vivo y tracking) para que tu White Label funcione como un producto real.

## Para qué sirve esta página

La página de **Integraciones** es donde conectas tu White Label con los servicios que hacen posible la operativa diaria:

* **Pagos y suscripciones** (para poder cobrar a clientes)
* **Voz y SMS** (para que funcionen las llamadas y mensajes)
* **Envío de emails** (para que el cliente reciba correos importantes)
* **Chat en vivo** (para soporte en tiempo real dentro de la app)
* **Tracking de marketing** (para medir adquisición y conversiones)

Ábrela aquí: [Abrir Integraciones](https://app.callin.io/cms/api-keys)

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations1.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=3731580fa635d44d50bbc5e683496bbd" alt="Página de Integrations con tarjetas para Stripe (Connected), Twilio (Required), SendGrid (Connected), Intercom, Brevo Chat y Analytics & Tracking API Keys, y una barra de búsqueda." style={{ width:"100%", display:"block" }} width="1907" height="860" data-path="images/integrations1.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Captura: vista general de Integraciones. Cada tarjeta abre un panel de configuración con los campos exactos a completar.
</p>

> **Importante:** Las etiquetas de estado (por ejemplo “conectado” o “requerido”) reflejan tu configuración actual y pueden variar según tu cuenta y plan.

## Antes de conectar nada

Unas prácticas simples te ahorran problemas (y mejoran la seguridad):

* **Usa el usuario administrador correcto** en cada proveedor (Stripe, Twilio, etc.) para acceder a claves y ajustes.
* **Guarda las claves de forma segura** (trátalas como contraseñas).
* **Limita el acceso** solo a quien lo necesite. No pegues claves en documentos compartidos o chats.

> **Consejo:** Si algo no funciona a la primera, revisa que no hayas pegado espacios al principio o al final de una clave.

## Cómo se conecta una integración

La mayoría de integraciones siguen el mismo patrón:

1. Abres una tarjeta (por ejemplo Twilio o SendGrid).
2. Se abre un panel lateral con campos obligatorios (marcados con `*`).
3. Copias los valores desde el panel del proveedor.
4. Pegas los valores en Callin y guardas.

> **Importante:** El texto exacto de botones y etiquetas puede variar según el idioma de tu cuenta.

## Stripe

**Para qué sirve:** Stripe se usa para **procesar pagos**. Es la integración típica cuando quieres operar con suscripciones: aceptar pagos, cobrar a clientes y gestionar suscripciones.

**Cuándo la necesitas:** Si vas a crear planes de pago y cobrar a tus clientes (mensual, anual, etc.), Stripe suele ser de las primeras integraciones a configurar.

### Qué te va a pedir (tal como se ve en el panel)

* **Secret Key**\*
* **Webhook Secret**\*
* **Webhook Secret Connect**\*
* **Client ID**\*

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations2.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=6d9e316a39dc8b792394e4f079e7b4bc" alt="Panel de Stripe API Keys con campos obligatorios: Secret Key, Webhook Secret, Webhook Secret Connect y Client ID, y un botón para guardar." style={{ width:"100%", display:"block" }} width="1903" height="860" data-path="images/integrations2.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Captura: configuración de Stripe donde se introducen las cuatro claves/valores requeridos y se guarda.
</p>

### Cómo conectar Stripe

1. Abre la tarjeta de **Stripe**.
2. En tu panel de Stripe, copia los valores necesarios.
3. Pega cada valor en su campo correspondiente.
4. Guarda los cambios.

> **Importante:** Si más adelante rotas claves o cambias webhooks en Stripe, tendrás que volver aquí y actualizar los valores.

## Twilio

**Para qué sirve:** Twilio habilita **llamadas de voz y SMS**. Es la integración que hace posibles las funciones de llamadas/mensajería y también el manejo de números de teléfono.

**Cuándo la necesitas:** Si tu White Label incluye llamadas entrantes/salientes o SMS, Twilio suele ser esencial y puede aparecer marcado como “requerido”.

### Qué te va a pedir (tal como se ve en el panel)

* **Account SID**\*
* **Auth Token**\*

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/lechusai/images/integrations3.png" alt="Panel Add Twilio API Keys con campos obligatorios Account SID y Auth Token y un botón para guardar." style={{ width:"100%", display:"block" }} />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Captura: configuración de Twilio donde se introduce el Account SID y el Auth Token.
</p>

### Cómo conectar Twilio

1. Abre la tarjeta de **Twilio**.
2. En tu panel de Twilio, localiza **Account SID** y **Auth Token**.
3. Pégalos en Callin.
4. Guarda los cambios.

> **Consejo:** Si más adelante las llamadas o los SMS fallan, Twilio suele ser la primera integración que conviene revisar.

## SendGrid

**Para qué sirve:** SendGrid se usa para **enviar emails** desde tu White Label, especialmente correos automáticos y notificaciones que el cliente necesita recibir (por ejemplo: mensajes del sistema).

**Cuándo la necesitas:** Si tu experiencia branded debe enviar correos a clientes, configura SendGrid pronto.

### Qué te va a pedir (tal como se ve en el panel)

* **API Key**\*
* **Sender Email**\* (un email remitente verificado)

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations4.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=3f96aa8127cf5b8e75cc0d807991beb2" alt="Panel Add SendGrid API Keys con campos obligatorios API Key y Sender Email y un botón para guardar." style={{ width:"100%", display:"block" }} width="1903" height="858" data-path="images/integrations4.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Captura: configuración de SendGrid donde se introduce la API Key y el email remitente.
</p>

### Cómo conectar SendGrid

1. Abre la tarjeta de **SendGrid**.
2. Copia tu **API Key** desde SendGrid.
3. Introduce un **Sender Email** que esté verificado en SendGrid.
4. Guarda los cambios.

> **Error común:** Usar un remitente que no está verificado. Si no se envían emails, verifica primero el remitente en SendGrid.

## Intercom

**Para qué sirve:** Intercom habilita **chat en vivo y soporte** dentro de la app. Es una opción habitual cuando quieres que el cliente pueda escribir a tu equipo sin salir del producto.

**Cuándo la necesitas:** Si el soporte y el onboarding forman parte de lo que vendes, Intercom hace que tu White Label se sienta más “producto”.

### Qué te va a pedir (tal como se ve en el panel)

* **App ID**\* (desde la configuración de tu workspace de Intercom)

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations5.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=52ec0656a52825f0a020773923d9acc8" alt="Panel Add Intercom API Keys con un campo App ID y un botón para guardar." style={{ width:"100%", display:"block" }} width="1916" height="853" data-path="images/integrations5.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Captura: configuración de Intercom donde se introduce el App ID.
</p>

### Cómo conectar Intercom

1. Abre la tarjeta de **Intercom**.
2. Busca tu **App ID** en la configuración de tu workspace de Intercom.
3. Pégalo en Callin y guarda los cambios.

> **Consejo:** Usa el workspace de Intercom que realmente vaya a atender a tus clientes, para que los mensajes lleguen al equipo correcto.

## Brevo Chat

**Para qué sirve:** Brevo Chat habilita un **widget de chat** para conversaciones en tiempo real. El panel hace referencia a Brevo (antes Sendinblue) y la activación se realiza con una clave de widget.

**Cuándo la necesitas:** Si prefieres un widget de chat más ligero (en lugar de Intercom), Brevo Chat es una opción.

### Qué te va a pedir (tal como se ve en el panel)

* **Chat Widget Key**\* (también descrita como Chat Widget Key/API Key)

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations6.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=c70eb78efb18b1c537dd5bb4e243c5d0" alt="Panel Brevo Chat Integration con un campo obligatorio Chat Widget Key y un botón para guardar." style={{ width:"100%", display:"block" }} width="1911" height="856" data-path="images/integrations6.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Captura: configuración de Brevo Chat donde se introduce la clave del widget.
</p>

### Cómo conectar Brevo Chat

1. Abre la tarjeta de **Brevo Chat**.
2. En tu panel de Brevo, copia la **Chat Widget Key** (o Chat Widget Key/API Key).
3. Pégala en Callin y guarda los cambios.

> **Importante:** Mantén esta clave en privado. Cualquiera con acceso podría intentar reutilizarla en otro entorno.

## Analytics & Tracking API Keys

**Para qué sirve:** Esta integración conecta tu White Label con **tracking de marketing y analítica**. Según las instrucciones que se ven en el panel, soporta:

* **Google Ads** mediante un Pixel ID
* **Google Analytics (GA4)** mediante un Measurement ID

**Por qué es importante en White Label:** Si vas a hacer campañas (o necesitas atribución), te interesa medir conversiones y tráfico para optimizar inversión y entender qué canal funciona.

### Qué te va a pedir (tal como se ve en el panel)

* **Google Ads Pixel ID** (formato de ejemplo: `AW-123456789`)
* **Google Analytics Measurement ID (GA4)** (formato de ejemplo: `G-XXXXXXXXXX`)

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations7.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=d147e8b1c74bd9663973058124ebeed7" alt="Panel Analytics & Tracking API Keys con instrucciones y campos para Google Ads Pixel ID y Google Analytics Measurement ID (GA4), y un botón para guardar." style={{ width:"100%", display:"block" }} width="1908" height="857" data-path="images/integrations7.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Captura: configuración de tracking donde se pegan los IDs de Google Ads y GA4 y se guardan.
</p>

### Cómo conectar el tracking

1. Abre **Analytics & Tracking API Keys**.
2. En Google Ads, copia tu **Google Ads Pixel ID** y pégalo en su campo.
3. En Google Analytics (GA4), copia tu **Measurement ID** y pégalo en el campo de GA4.
4. Guarda los cambios.

### Qué pasa después de guardar (según se indica en el panel)

* Se pueden inyectar scripts de tracking usando los IDs que has introducido (para esta marca).
* Si dejas un campo vacío, el script de ese proveedor no debería cargarse para esta marca.
* El acceso para ver o cambiar estos IDs está limitado a usuarios con el nivel de acceso adecuado (tal como se indica en el panel).

> **Consejo:** Conecta el tracking al principio del lanzamiento de una marca, para no perder datos de atribución desde el día 1.
