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

# Integración con Slack

> Conecta tu app de Base44 a Slack para enviar mensajes en tiempo real cuando ocurra algo importante, como la creación de una nueva tarea o un cambio de estado. Es una excelente manera de mantener a tu equipo actualizado directamente en Slack sin cambiar de herramienta.

<Info>
  <u>Nota</u>: La integración con Slack está disponible en el plan Builder y superiores.
</Info>

# Configuración paso a paso:

## Parte 1: El lado de Slack

Si ya tienes tu webhook de Slack, puedes pasar a la [Parte 2 - El lado de Base44.](https://docs.base44.com/Integrations/Slack-integration#part-2%3A-the-base44-side)

<Steps>
  <Step title="Ve a Slack API Apps">
    <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/SlackCreateApp.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=665ce65dff5bb32ded5bd5455d46b334" alt="Slack Create App Pn" width="1582" height="812" data-path="images/SlackCreateApp.png" />

    * Ve a: [https://api.slack.com/apps](https://api.slack.com/apps)
    * Haz clic en **Create an App**.
    * Haz clic en **From Scratch**.

          <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/SlackFromScratch.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=c4ca31f4e81b72b99d87851699e5d155" alt="Slack From Scratch Pn" width="1590" height="789" data-path="images/SlackFromScratch.png" />
  </Step>

  <Step title="Dale un nombre">
    <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/Slack-nameWorkspace.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=8f770788c510c5db160b8e27cd3b737d" alt="Slack Name Workspace Pn" width="1999" height="1003" data-path="images/Slack-nameWorkspace.png" />

    * Por ejemplo: `Base44 Notifications`.
    * Elige tu workspace.
  </Step>

  <Step title="Configura Incoming Webhooks">
    <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/Screenshot2025-08-23at1.39.17PM.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=f692e79c91c3f120b208fcf1da1956af" alt="Screenshot2025 08 23at1 39 17PM Pn" width="1581" height="705" data-path="images/Screenshot2025-08-23at1.39.17PM.png" />

    * En la barra lateral, abre **Incoming Webhooks**.
    * Activa **Activate Incoming Webhooks**.
  </Step>

  <Step title="Conecta el Webhook al Workspace">
    <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/Screenshot2025-08-23at1.41.31PM.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=f704aa5753256f5abe3ae417aa1771ec" alt="Screenshot2025 08 23at1 41 31PM Pn" width="1579" height="704" data-path="images/Screenshot2025-08-23at1.41.31PM.png" />

    * Desplázate hacia abajo en esta misma página.
    * Haz clic en **Add New Webhook to Workspace**.
    * Selecciona el canal donde deberían aparecer los mensajes.
    * Haz clic en **Allow**.
  </Step>

  <Step title="Copia tu URL de Webhook">
    * Tu URL de webhook debería verse similar a esta:

      `https://hooks.slack.com/services/T000/B000/XXXXXXXX`
    * Mantenla a mano, la usarás en Base44 cuando te solicite el **secreto**.
  </Step>
</Steps>

***

## Parte 2: El lado de Base44

Una vez que tengas tu URL de webhook de Slack, puedes conectarla a Base44 de dos formas distintas:

<CardGroup cols={2}>
  <Card icon="sparkle" href="https://docs.base44.com/Integrations/Slack-integration#option-a%3A-ready-made-integration-for-new-apps" title="Opción A: Integración lista (preferida)">
    * Elige esta opción si estás comenzando una nueva app desde cero.
  </Card>

  <Card icon="bolt" href="https://docs.base44.com/Integrations/Slack-integration#option-b%3A-instant-integration-connecting-slack-to-an-existing-app" title="Opción B: Integración instantánea">
    * Elige esta opción si ya estás en medio de la construcción y deseas integrar Slack en una app existente.
  </Card>
</CardGroup>

***

### Opción A: Integración lista (para nuevas apps)

<Steps>
  <Step title="Abre el catálogo de integraciones">
    * En Base44 haz clic en Integrations.

          <img src="https://mintcdn.com/base44/oUaRpzSyJvMVshj9/images/Integrations.png?fit=max&auto=format&n=oUaRpzSyJvMVshj9&q=85&s=16ac71b185167177ef260be7c92b0339" alt="Integrations Pn" width="1570" height="652" data-path="images/Integrations.png" />
    * Selecciona **Slack**.
    * Selecciona **Use this Integration**.

          <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/SlackCatalog.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=b1ba898486c17d838ebdcb378e2b0727" alt="Slack Catalog Pn" width="1869" height="860" data-path="images/SlackCatalog.png" />
  </Step>

  <Step title="Pega tu secreto">
    <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/SlackWebhookIntegration.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=7bdea82b9adb64802cd47999228a53e3" alt="Slack Webhook Integration Pn" width="1878" height="861" data-path="images/SlackWebhookIntegration.png" />

    * Cuando se te solicite, pega tu `SLACK_WEBHOOK_URL`.
  </Step>

  <Step title="Crea tu app">
    * Escribe tu primer prompt para estructurar la app.
    * Prompt de ejemplo:

      `Constrúyeme una app de lista de tareas "Todo" que enviará un mensaje a mi canal de Slack cada vez que se cree una tarea o el estado cambie a Done, In Progress o Deleted.`
  </Step>

  <Step title="Prueba tu app">
    <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/Base44SlackTest.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=747a305a3a27c40b96f24a70ec7ecf29" alt="Base44slack Test Pn" width="1999" height="1609" data-path="images/Base44SlackTest.png" />

    * Crear o actualizar tus tareas debería publicar ahora un mensaje en tu canal de Slack.
    * Si no aparece nada, verifica:
      * El webhook pertenece al canal correcto.
      * El secreto está guardado correctamente.
      * Las publicaciones ocurren solo desde el backend (no desde el navegador).
  </Step>
</Steps>

***

### Opción B: Integración instantánea (conectar Slack a una app existente)

<Steps>
  <Step title="Abre tu app existente">
    <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/ToDoListApp.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=22e08d98bb0dedcf86dbc22495e54383" alt="To Do List App Pn" width="1853" height="860" data-path="images/ToDoListApp.png" />

    * Aquí está el prompt que escribimos en el chat de IA para construir nuestra app de ejemplo:\
      `Constrúyeme una app de lista de tareas llamada Todo.`
  </Step>

  <Step stepNumber={2} title="Pídele al chat de IA que conecte tu app a Slack">
    <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/Base44UpdateSlacksecret.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=e1c3c0f0801662cf38c7b351d3e5d80e" alt="Base44update Slacksecret Pn" width="1885" height="860" data-path="images/Base44UpdateSlacksecret.png" />

    * Prompt de ejemplo para el chat de IA:

      `Conecta esta app a Slack usando un Incoming Webhook. Pídeme SLACK_WEBHOOK_URL y guárdala como Secret. Publica en Slack solo desde el backend.`
  </Step>

  <Step stepNumber={3} title="Pega tu URL de webhook">
    <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/SlackWebhookPopup.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=35850648cc954557e140745ab7517e0d" alt="Slack Webhook Popup Pn" width="1866" height="843" data-path="images/SlackWebhookPopup.png" />

    * Cuando el chat de IA te lo solicite, haz clic en `Update SLACK_WEBHOOK_URL secret`.
    * Luego pega tu URL de webhook en la ventana emergente.
  </Step>

  <Step title="Conecta los eventos">
    * Dile al chat de IA cómo quieres que tu app use Slack.
    * Prompt de ejemplo:

    `Conecta la publicación de Slack del backend con el ciclo de vida de las tareas:`

    `- Al crear: publica "New task: {title}"`

    `- Al cambiar estado: publica "Task status updated: {title} -> {status}"`

    `- Al eliminar: publica "Task deleted: {title}"`

    `Usa el canal de SLACK_WEBHOOK_URL. Si una llamada falla, muestra un pequeño toast y continúa.`
  </Step>

  <Step title="Prueba tu app">
    <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/Base44SlackTest.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=747a305a3a27c40b96f24a70ec7ecf29" alt="Base44slack Test Pn" width="1999" height="1609" data-path="images/Base44SlackTest.png" />

    * Crea una tarea.
    * Cambia su estado a *In Progress*, luego a *Done*.
    * Deberías ver los mensajes correspondientes llegar a tu canal de Slack.
  </Step>
</Steps>

***

## Solución de problemas

* **No hay mensaje en Slack** → El webhook podría apuntar a un canal diferente. Crea uno nuevo para el canal correcto.
* **Errores de frontend (401 / CORS)** → No llames a Slack directamente desde el navegador. Siempre publica desde el backend.
* **Webhook rotado o revocado** → Pega el nuevo webhook en los Secrets de Base44.
* **El workspace bloquea apps personalizadas** → Pide a un administrador del workspace que apruebe tu app de Slack.

***

## **Casos de uso comunes para la integración Base44 × Slack**

Esta integración es ideal para mantener a tu equipo informado sin salir de Slack. Algunos patrones populares incluyen:

* **Seguimiento de tareas:** Publica un mensaje cada vez que se cree, actualice o complete una nueva tarea en tu app.
* **Notificaciones de equipo:** Envía alertas a un canal compartido cuando ocurran eventos clave, como un cambio de estado a *Done*, *In Progress* o *Blocked*.
* **Informes de errores:** Haz que tu backend envíe un mensaje a Slack cuando algo falle (por ejemplo, un pago o una sincronización de datos) para que puedas reaccionar rápidamente.
* **Resúmenes diarios:** Combina con Zapier u otra integración para enviar un resumen matutino a Slack que muestre las tareas creadas o completadas el día anterior.

<Note>Esta página se tradujo con IA. Para información más precisa y actualizada, consulta la [versión en inglés](/). </Note>
