> ## 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.

# Integração com o Stripo

> Envie templates responsivos do Stripo diretamente para suas Sequências da Pubrio.

# Stripo x Pubrio: O Pipeline de Design para Sequência

Una o estúdio criativo do **Stripo** com a infraestrutura de execução da **Pubrio**.

Essa integração permite operacionalizar seus ativos de design instantaneamente. Em vez de mover arquivos HTML manualmente, você pode enviar templates diretamente do Stripo para suas **Sequências** da Pubrio, garantindo que seus fluxos automatizados sempre utilizem os designs responsivos mais atualizados.

<img src="https://mintcdn.com/pubrio/-pF8aRy6kVilh7uE/images/stripo-integration.png?fit=max&auto=format&n=-pF8aRy6kVilh7uE&q=85&s=ca0674742024b4e0ff1459b7403dafef" alt="Integração entre Pubrio e Stripo" width="1263" height="619" data-path="images/stripo-integration.png" />

## O Stack de Tecnologia

<CardGroup cols={2}>
  <Card title="Stripo" icon="paint-brush" href="https://stripo.email">
    **A Camada de Design.**
    O Stripo permite a criação de módulos de e-mail HTML complexos e responsivos sem código. É onde o ativo visual nasce.
  </Card>

  <Card title="Pubrio" icon="list-check" href="https://pubrio.com">
    **O Motor de Sequências.**
    A Pubrio atua como a infraestrutura de entrega. Ingerimos o template e orquestramos a entrega localizada com base na lógica da sua Sequência e nos gatilhos de dados.
  </Card>
</CardGroup>

## Por que conectar os dois?

Trate o design de e-mail como parte do seu pipeline automatizado de CI/CD.

### 1. Handoffs Sem Atrito

Elimine o ciclo manual de download e upload que retarda as operações.

* **O Jeito Manual:** Exportar ZIP -> Extrair -> Copiar HTML -> Colar no Editor.
* **O Jeito Automatizado:** Clique em "Export to Pubrio" no Stripo. O template fica instantaneamente disponível como um recurso na sua **Biblioteca de Sequências** da Pubrio, pronto para ativação.

### 2. Renderização Orientada por Dados

O motor da Pubrio permite personalização "Headless" dentro do design visual.

* **Injeção Dinâmica:** Incorpore variáveis da Pubrio (por exemplo, `{{company.tech_stack}}`, `{{person.location}}`) diretamente nos blocos de texto do Stripo.
* **Execução:** Quando a Sequência é acionada, a Pubrio resolve essas variáveis em tempo real usando nosso grafo de dados global, garantindo que o e-mail renderizado seja contextualmente preciso para cada destinatário.

***

## Guia de Configuração

Configure o pipeline uma vez para habilitar a sincronização contínua de templates.

<Steps>
  <Step title="Gerar Credenciais de API">
    No seu workspace da Pubrio, navegue até **Settings > API & Integrations**. Gere uma nova chave especificamente para o conector Stripo.
  </Step>

  <Step title="Conectar Destino no Stripo">
    Abra qualquer template no editor do Stripo e clique em **Export**.

    1. Selecione **"Pubrio"** na lista de integrações.
    2. Insira sua **API Key**.
    3. Nomeie a conexão (por exemplo, "Prod Sequences").
  </Step>

  <Step title="Enviar Ativo">
    Clique em **Export**. O sistema transferirá o código HTML e as imagens hospedadas para o gerenciador de ativos da Pubrio.
  </Step>

  <Step title="Anexar à Sequência">
    Dentro da Pubrio, abra suas **Sequences**. Ao definir uma etapa de e-mail, selecione **"Load from Library"** e escolha o template que você acabou de sincronizar.
  </Step>
</Steps>

<Note>
  **Dica:** Se você atualizar um design no Stripo, basta exportá-lo novamente. Você pode optar por sobrescrever o ativo existente na Pubrio, atualizando instantaneamente quaisquer Sequências ativas que usem esse template.
</Note>

***

## Casos de Uso Operacionais

### 1. Onboarding Automatizado de Clientes

**Objetivo:** Entregar e-mails de boas-vindas de alta fidelidade acionados pelo uso do aplicativo.

* **Design:** A equipe de produto cria um guia visual de "Primeiros Passos" no Stripo.
* **Lógica:** Uma Sequência da Pubrio é acionada quando um novo usuário se cadastra.
* **Execução:** A Pubrio pega o design mais recente do Stripo, injeta os detalhes específicos da conta do usuário e executa a etapa de entrega.

### 2. Notificações Dinâmicas de Plataforma

**Objetivo:** Enviar alertas localizados com base em sinais de negócio.

* **Design:** O marketing constrói um template de alerta modular no Stripo.
* **Lógica:** A Pubrio detecta um "Sinal de Compra" (por exemplo, um prospect instala a tecnologia de um concorrente).
* **Execução:** A Sequência despacha automaticamente o e-mail de alerta ao dono da conta, usando o template do Stripo para apresentar os dados em um formato limpo e alinhado à marca.

***

## Construa Seu Pipeline

<CardGroup cols={2}>
  <Card title="Abrir Stripo" icon="palette" href="https://stripo.email">
    **Criar Ativo.**
    Projete seu template e envie-o para o motor.
  </Card>

  <Card title="Configurar Sequência" icon="arrow-progress" href="https://dashboard.pubrio.com">
    **Abrir Pubrio.**
    Mapeie seu novo template para uma etapa da Sequência e entre no ar.
  </Card>
</CardGroup>