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

# Cue Cards

> Las Cue Cards ayudan a tus agentes mostrando información actualizada, como el historial del cliente, el estado de la negociación o guiones de llamadas…

<Note>
  En esta guía te explicamos cómo configurar las Cue Cards en CloudTalk para que tus agentes vean datos del cliente, guiones o documentos en tiempo real durante las llamadas.
</Note>

**Nivel de usuario:** Admin

***

<h2 id="h_efa5c36012">
  Cómo funcionan las Cue Cards
</h2>

Cuando empieza una llamada, CloudTalk activa una **Automatización de flujo de trabajo** que envía el identificador único de la llamada (Call UUID) a tu sistema externo (CRM, Zapier o un backend propio).

Después, tu sistema externo:

1. Usa el UUID para buscar los datos relevantes del cliente o del negocio.

2. Prepara esos datos en el formato correcto (HTML o Blocks).

3. Devuelve los datos a CloudTalk a través de la [Cue Cards API](/api-reference/cuecard/create-cuecard).

CloudTalk muestra estos datos al agente al instante en CloudTalk Phone.

<Warning>
  Las Cue Cards están disponibles en la **aplicación web de CloudTalk, la aplicación de escritorio y las integraciones CTI**. **No son compatibles con la aplicación móvil CloudTalk Go**.
</Warning>

<Frame>
  <img src="https://mintcdn.com/cloudtalk/0LuB-WYxwheF-8cl/images/help-center/articles/11154936/f7c6162fdd45-product-knowledge-faq-uploads3cbf0d3c-d79d-41ed-90e2-00c4f8d.png?fit=max&auto=format&n=0LuB-WYxwheF-8cl&q=85&s=8c5dadd8f0443ecfce587e2e45660e0d" alt="" width="300" data-path="images/help-center/articles/11154936/f7c6162fdd45-product-knowledge-faq-uploads3cbf0d3c-d79d-41ed-90e2-00c4f8d.png" />
</Frame>

<h2 id="h_0d54f1f5dd">
  Proceso de configuración
</h2>

<h3 id="h_463877e4a2">
  Configura la Automatización de flujo de trabajo en CloudTalk
</h3>

1. En tu CloudTalk Dashboard, ve a **[Automatizaciones de flujo de trabajo](/es/articles/5450779-configuring-workflow-automations)**.

2. Haz clic en **+ Agregar Flujo de Trabajo**.

3. Selecciona el **Activador**:

   * Objeto: `Llamar`

   * Acción: `Respondido` (o `Iniciado`, según tu caso de uso)

     <Frame>
       <img src="https://mintcdn.com/cloudtalk/0LuB-WYxwheF-8cl/images/help-center/articles/11154936/de0eaa0ab98e-screenshot-2025-04-29-at-13-16-20.png?fit=max&auto=format&n=0LuB-WYxwheF-8cl&q=85&s=0039d3d5585dbc3d452184509d29687d" alt="" width="500" data-path="images/help-center/articles/11154936/de0eaa0ab98e-screenshot-2025-04-29-at-13-16-20.png" />
     </Frame>

4. (Opcional) Añade **Condiciones**, por ejemplo:

   * Mostrar solo en llamadas entrantes → `#{{ Call_direction == "Inbound" }}`

   * Etiquetas VIP, países concretos o agentes/grupos seleccionados

5. Añade una **Acción**: solicitud a la API.

   * Método: `POST`

   * Endpoint: la URL de tu sistema externo (por ejemplo, un webhook de Zapier o la API de tu CRM).

   * Cabeceras: por ejemplo, `Content-Type: application/json`

   * Valores: incluye `call_uuid` → `#{{ Call_uuid }}`

<Frame>
  <img src="https://mintcdn.com/cloudtalk/0LuB-WYxwheF-8cl/images/help-center/articles/11154936/a1212237907a-screenshot-2025-04-29-at-14-47-14.png?fit=max&auto=format&n=0LuB-WYxwheF-8cl&q=85&s=ea3ec40830b120b9d35ea9578b832f00" alt="" width="500" data-path="images/help-center/articles/11154936/a1212237907a-screenshot-2025-04-29-at-14-47-14.png" />
</Frame>

A partir de ahora, CloudTalk envía el Call UUID a tu sistema externo cuando se responde una llamada que cumple las condiciones.

<h3 id="h_46eb3ecff1">
  Configura la lógica en tu herramienta externa
</h3>

Tu herramienta externa (CRM, Zapier o un backend propio) debe encargarse de cuatro pasos:

1. **Recibir la solicitud de CloudTalk**

   * La Automatización de flujo de trabajo de CloudTalk envía una solicitud HTTP POST al endpoint que indiques.

   * La solicitud contiene, como mínimo, el `call_uuid` y cualquier otro valor que hayas configurado.

2. **Buscar los datos que quieres mostrar**

   * Por ejemplo, recuperar la ficha del cliente en el CRM, su último pedido o un guion de llamada de tu base de datos.

3. **Crear el payload de la Cue Card**

   * Da a la respuesta uno de estos formatos:

     * **HTML** (texto y enlaces simples), o

     * **Blocks** (campos estructurados como campos de texto, enlaces, imágenes o archivos).

4. **Enviar el payload de vuelta a CloudTalk**

   * Haz una solicitud POST a la [Cue Cards API](/api-reference/cuecard/create-cuecard) que incluya:

     * `call_uuid` (para asociarlo a la llamada correcta)

     * `type` (`html` o `blocks`)

     * `content` (los datos que quieres mostrar)

En cuanto CloudTalk recibe el payload, la Cue Card aparece al instante en el panel del agente.

<h3 id="h_5be3701868">
  Ejemplo de configuración en CloudTalk (con Zapier)
</h3>

Aquí tienes un ejemplo simplificado de cómo conectar las Automatizaciones de flujo de trabajo de CloudTalk con Zapier para mostrar Cue Cards:

**En CloudTalk (paso 1)**

* Crea una Automatización de flujo de trabajo con **Activador = Llamada respondida**.

* Añade una **Acción de solicitud a la API** que apunte a la URL de tu webhook de Zapier.

* Envía el siguiente valor:

  * `call_uuid → #{{ Call_uuid }}`

**En Zapier (paso 2)**

* **Catch Webhook**: Zapier recibe el `POST` de CloudTalk con el `call_uuid`.

* **Buscar los datos**: usa pasos de Zapier (por ejemplo, buscar registros en el CRM o consultar una base de datos).

* **Dar formato al payload de la Cue Card**: crea un cuerpo JSON para la Cue Cards API, por ejemplo:

```json theme={"system"}
{
  "call_uuid": "#{{Call_uuid}}",
  "type": "blocks",
  "content": [
    {
      "type": "textfield",
      "name": "Customer Name",
      "value": "Jane Smith"
    },
    {
      "type": "richtext",
      "name": "Script No. 123",
      "value": "Hello Jane, thank you for calling!"
    },
    {
      "type": "link",
      "name": "Profile",
      "url": "https://crm.example.com/clients/123"
    }
  ]
}
```

**Enviar a la API de CloudTalk (paso 3)**

* Usa un paso Webhook **`POST`** de Zapier.

* Endpoint: [`https://platform-api.cloudtalk.io/api/cuecards`](https://platform-api.cloudtalk.io/api/cuecards)

* Cabeceras:

  * `Content-Type: application/json`

  * `Authorization: Bearer <YOUR_API_KEY>`

* Cuerpo: el JSON de la Cue Card que has preparado.

Cuando se responde la llamada, Zapier busca los datos, crea el payload y CloudTalk muestra al instante la Cue Card al agente.

***

*¿Necesitas ayuda o tienes alguna pregunta?* Escríbenos a través de nuestro [Portal de atención al cliente](https://support.cloudtalk.io/hc/en-us/requests/new?ticket_form_id=26305535257884) : estamos aquí para ayudarte.


## Related topics

- [Cuenta de demostración](/es/articles/11748857-demo-account.md)
- [Guía de configuración de la cuenta](/es/articles/10550593-account-settings-guide.md)
- [Requisitos para la activación de la cuenta](/es/articles/11991629-account-activation-requirements.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.