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

# Intégration Stripo

> Poussez des modèles responsives depuis Stripo directement dans vos séquences Pubrio.

# Stripo x Pubrio : le pipeline design-vers-séquence

Comblez l'écart entre le studio créatif de **Stripo** et l'infrastructure d'exécution de **Pubrio**.

Cette intégration vous permet d'opérationnaliser instantanément vos ressources de design. Au lieu de déplacer manuellement des fichiers HTML, vous pouvez pousser des modèles directement depuis Stripo vers vos **séquences** Pubrio, garantissant que vos flux automatisés utilisent toujours les designs responsives les plus à jour.

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

## La stack technique

<CardGroup cols={2}>
  <Card title="Stripo" icon="paint-brush" href="https://stripo.email">
    **La couche de design.**
    Stripo permet de créer des modules e-mail HTML responsives et complexes sans code. C'est là que naît la ressource visuelle.
  </Card>

  <Card title="Pubrio" icon="list-check" href="https://pubrio.com">
    **Le moteur de séquences.**
    Pubrio agit comme l'infrastructure de livraison. Nous ingérons le modèle et orchestrons la livraison localisée selon la logique de votre séquence et vos déclencheurs de données.
  </Card>
</CardGroup>

## Pourquoi connecter les deux ?

Traitez le design d'e-mail comme faisant partie de votre pipeline CI/CD automatisé.

### 1. Transmissions sans friction

Éliminez le cycle manuel de téléchargement puis re-téléversement qui ralentit les opérations.

* **La méthode manuelle :** exporter le ZIP -> extraire -> copier le HTML -> coller dans l'éditeur.
* **La méthode automatisée :** cliquez sur « Export to Pubrio » dans Stripo. Le modèle est instantanément disponible comme ressource dans votre **bibliothèque de séquences** Pubrio, prêt à être activé.

### 2. Rendu piloté par les données

Le moteur de Pubrio permet une personnalisation « headless » au sein du design visuel.

* **Injection dynamique :** intégrez des variables Pubrio (par ex. `{{company.tech_stack}}`, `{{person.location}}`) directement dans les blocs de texte Stripo.
* **Exécution :** lorsque la séquence se déclenche, Pubrio résout ces variables en temps réel à l'aide de notre graphe de données mondial, garantissant que l'e-mail rendu est contextuellement exact pour chaque destinataire.

***

## Guide de configuration

Configurez le pipeline une fois pour activer la synchronisation continue des modèles.

<Steps>
  <Step title="Générer des identifiants API">
    Dans votre espace de travail Pubrio, allez dans **Settings > API & Integrations**. Générez une nouvelle clé spécifiquement pour le connecteur Stripo.
  </Step>

  <Step title="Connecter la destination dans Stripo">
    Ouvrez n'importe quel modèle dans l'éditeur Stripo et cliquez sur **Export**.

    1. Sélectionnez **« Pubrio »** dans la liste d'intégrations.
    2. Saisissez votre **clé API**.
    3. Nommez la connexion (par ex. « Prod Sequences »).
  </Step>

  <Step title="Pousser la ressource">
    Cliquez sur **Export**. Le système transfèrera le code HTML et les images hébergées vers le gestionnaire de ressources de Pubrio.
  </Step>

  <Step title="Associer à une séquence">
    Dans Pubrio, ouvrez vos **séquences**. Lors de la définition d'une étape e-mail, sélectionnez **« Load from Library »** et choisissez le modèle que vous venez de synchroniser.
  </Step>
</Steps>

<Note>
  **Astuce de pro :** si vous mettez à jour un design dans Stripo, il suffit de le ré-exporter. Vous pouvez choisir d'écraser la ressource existante dans Pubrio, mettant instantanément à jour toutes les séquences actives utilisant ce modèle.
</Note>

***

## Cas d'usage opérationnels

### 1. Intégration client automatisée

**Objectif :** livrer des e-mails de bienvenue à haute fidélité déclenchés par l'usage de l'application.

* **Design :** l'équipe produit construit un guide visuel de « démarrage » dans Stripo.
* **Logique :** une séquence Pubrio se déclenche lorsqu'un nouvel utilisateur s'inscrit.
* **Exécution :** Pubrio récupère le dernier design Stripo, y injecte les détails de compte spécifiques de l'utilisateur, et exécute l'étape de livraison.

### 2. Notifications de plateforme dynamiques

**Objectif :** envoyer des alertes localisées basées sur des signaux commerciaux.

* **Design :** l'équipe marketing construit un modèle d'alerte modulaire dans Stripo.
* **Logique :** Pubrio détecte un « signal d'achat » (par ex. un prospect installe la technologie d'un concurrent).
* **Exécution :** la séquence envoie automatiquement l'e-mail d'alerte au propriétaire du compte, en utilisant le modèle Stripo pour présenter les données dans un format propre et à l'image de la marque.

***

## Construisez votre pipeline

<CardGroup cols={2}>
  <Card title="Ouvrir Stripo" icon="palette" href="https://stripo.email">
    **Créer une ressource.**
    Concevez votre modèle et poussez-le vers le moteur.
  </Card>

  <Card title="Configurer une séquence" icon="arrow-progress" href="https://dashboard.pubrio.com">
    **Ouvrir Pubrio.**
    Associez votre nouveau modèle à une étape de séquence et passez en production.
  </Card>
</CardGroup>
