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

# Integración con Stripo

> Envía plantillas responsivas de Stripo directamente a tus secuencias de Pubrio.

# Stripo x Pubrio: el pipeline de diseño a secuencia

Conecta el estudio creativo de **Stripo** con la infraestructura de ejecución de **Pubrio**.

Esta integración te permite poner en marcha tus recursos de diseño al instante. En lugar de mover archivos HTML manualmente, puedes enviar plantillas directamente desde Stripo a tus **secuencias** de Pubrio, garantizando que tus flujos automatizados siempre usen los diseños responsivos más actualizados.

<img src="https://mintcdn.com/pubrio/-pF8aRy6kVilh7uE/images/stripo-integration.png?fit=max&auto=format&n=-pF8aRy6kVilh7uE&q=85&s=ca0674742024b4e0ff1459b7403dafef" alt="Integración de Pubrio y Stripo" width="1263" height="619" data-path="images/stripo-integration.png" />

## El stack tecnológico

<CardGroup cols={2}>
  <Card title="Stripo" icon="paint-brush" href="https://stripo.email">
    **La capa de diseño.**
    Stripo permite crear módulos de correo HTML complejos y responsivos sin código. Es donde nace el recurso visual.
  </Card>

  <Card title="Pubrio" icon="list-check" href="https://pubrio.com">
    **El motor de secuencias.**
    Pubrio actúa como infraestructura de entrega. Recibimos la plantilla y orquestamos la entrega localizada según la lógica de tu secuencia y los disparadores de datos.
  </Card>
</CardGroup>

## ¿Por qué conectar ambos?

Trata el diseño de correo como parte de tu pipeline de CI/CD automatizado.

### 1. Traspasos sin fricción

Elimina el ciclo manual de descarga y subida que ralentiza las operaciones.

* **La forma manual:** exportar ZIP -> extraer -> copiar HTML -> pegar en el editor.
* **La forma automatizada:** haz clic en "Export to Pubrio" en Stripo. La plantilla queda disponible al instante como recurso en tu **biblioteca de secuencias** de Pubrio, lista para activarse.

### 2. Renderizado basado en datos

El motor de Pubrio permite personalización "headless" dentro del diseño visual.

* **Inyección dinámica:** incrusta variables de Pubrio (por ejemplo, `{{company.tech_stack}}`, `{{person.location}}`) directamente en los bloques de texto de Stripo.
* **Ejecución:** cuando se dispara la secuencia, Pubrio resuelve estas variables en tiempo real usando nuestro grafo de datos global, garantizando que el correo renderizado sea contextualmente preciso para cada destinatario.

***

## Guía de configuración

Configura el pipeline una vez para habilitar la sincronización continua de plantillas.

<Steps>
  <Step title="Generar credenciales de API">
    En tu espacio de trabajo de Pubrio, ve a **Settings > API & Integrations**. Genera una nueva clave específicamente para el conector de Stripo.
  </Step>

  <Step title="Conectar el destino en Stripo">
    Abre cualquier plantilla en el editor de Stripo y haz clic en **Export**.

    1. Selecciona **"Pubrio"** en la lista de integraciones.
    2. Introduce tu **clave de API**.
    3. Etiqueta la conexión (por ejemplo, "Prod Sequences").
  </Step>

  <Step title="Enviar el recurso">
    Haz clic en **Export**. El sistema transferirá el código HTML y las imágenes alojadas al gestor de recursos de Pubrio.
  </Step>

  <Step title="Adjuntar a una secuencia">
    Dentro de Pubrio, abre tus **secuencias**. Al definir un paso de correo, selecciona **"Load from Library"** y elige la plantilla que acabas de sincronizar.
  </Step>
</Steps>

<Note>
  **Consejo profesional:** si actualizas un diseño en Stripo, simplemente vuelve a exportarlo. Puedes optar por sobrescribir el recurso existente en Pubrio, actualizando al instante cualquier secuencia activa que use esa plantilla.
</Note>

***

## Casos de uso operativos

### 1. Onboarding de clientes automatizado

**Objetivo:** entregar correos de bienvenida de alta fidelidad activados por el uso de la app.

* **Diseño:** el equipo de producto construye una guía visual de "primeros pasos" en Stripo.
* **Lógica:** una secuencia de Pubrio se dispara cuando un nuevo usuario se registra.
* **Ejecución:** Pubrio toma el diseño más reciente de Stripo, inyecta los datos específicos de la cuenta del usuario y ejecuta el paso de entrega.

### 2. Notificaciones dinámicas de plataforma

**Objetivo:** enviar alertas localizadas basadas en señales de negocio.

* **Diseño:** marketing construye una plantilla de alerta modular en Stripo.
* **Lógica:** Pubrio detecta una "señal de compra" (por ejemplo, un prospecto instala la tecnología de un competidor).
* **Ejecución:** la secuencia envía automáticamente el correo de alerta al propietario de la cuenta, usando la plantilla de Stripo para presentar los datos en un formato limpio y con tu marca.

***

## Construye tu pipeline

<CardGroup cols={2}>
  <Card title="Abrir Stripo" icon="palette" href="https://stripo.email">
    **Crea el recurso.**
    Diseña tu plantilla y envíala al motor.
  </Card>

  <Card title="Configurar secuencia" icon="arrow-progress" href="https://dashboard.pubrio.com">
    **Abre Pubrio.**
    Asigna tu nueva plantilla a un paso de secuencia y ponla en marcha.
  </Card>
</CardGroup>