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

# Stripo-Integration

> Übertragen Sie responsive Templates direkt aus Stripo in Ihre Pubrio-Sequences.

# Stripo x Pubrio: Die Design-to-Sequence-Pipeline

Schließen Sie die Lücke zwischen dem Kreativstudio von **Stripo** und der Ausführungsinfrastruktur von **Pubrio**.

Diese Integration ermöglicht es Ihnen, Ihre Design-Assets sofort einsatzbereit zu machen. Statt HTML-Dateien manuell zu verschieben, übertragen Sie Templates direkt aus Stripo in Ihre Pubrio-**Sequences** und stellen so sicher, dass Ihre automatisierten Flows stets die aktuellsten, responsiven Designs verwenden.

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

## Der Tech-Stack

<CardGroup cols={2}>
  <Card title="Stripo" icon="paint-brush" href="https://stripo.email">
    **Der Design-Layer.**
    Stripo ermöglicht die Erstellung komplexer, responsiver HTML-E-Mail-Module ohne Code. Hier entsteht das visuelle Asset.
  </Card>

  <Card title="Pubrio" icon="list-check" href="https://pubrio.com">
    **Die Sequence-Engine.**
    Pubrio fungiert als Zustellinfrastruktur. Wir übernehmen das Template und orchestrieren die lokalisierte Zustellung basierend auf Ihrer Sequence-Logik und Ihren Daten-Triggern.
  </Card>
</CardGroup>

## Warum die beiden verbinden?

Behandeln Sie E-Mail-Design als Teil Ihrer automatisierten CI/CD-Pipeline.

### 1. Reibungslose Übergaben

Eliminieren Sie den manuellen Download-und-Upload-Zyklus, der den Betrieb verlangsamt.

* **Der manuelle Weg:** ZIP exportieren -> Extrahieren -> HTML kopieren -> In den Editor einfügen.
* **Der automatisierte Weg:** Klicken Sie in Stripo auf „Export to Pubrio". Das Template ist sofort als Ressource in Ihrer Pubrio-**Sequence Library** verfügbar und einsatzbereit.

### 2. Datengetriebenes Rendering

Die Engine von Pubrio ermöglicht „Headless"-Personalisierung innerhalb des visuellen Designs.

* **Dynamische Einbindung:** Betten Sie Pubrio-Variablen (z. B. `{{company.tech_stack}}`, `{{person.location}}`) direkt in Stripo-Textblöcke ein.
* **Ausführung:** Wenn die Sequence auslöst, löst Pubrio diese Variablen in Echtzeit mithilfe unseres globalen Datengraphen auf und stellt sicher, dass die gerenderte E-Mail für jeden Empfänger inhaltlich korrekt ist.

***

## Konfigurationsanleitung

Richten Sie die Pipeline einmal ein, um eine kontinuierliche Template-Synchronisierung zu ermöglichen.

<Steps>
  <Step title="API-Zugangsdaten generieren">
    Navigieren Sie in Ihrem Pubrio-Workspace zu **Settings > API & Integrations**. Generieren Sie einen neuen Key speziell für den Stripo-Connector.
  </Step>

  <Step title="Ziel in Stripo verbinden">
    Öffnen Sie ein beliebiges Template im Stripo-Editor und klicken Sie auf **Export**.

    1. Wählen Sie **„Pubrio"** aus der Integrationsliste.
    2. Geben Sie Ihren **API Key** ein.
    3. Benennen Sie die Verbindung (z. B. „Prod Sequences").
  </Step>

  <Step title="Asset übertragen">
    Klicken Sie auf **Export**. Das System überträgt den HTML-Code und gehostete Bilder in den Asset-Manager von Pubrio.
  </Step>

  <Step title="An Sequence anhängen">
    Öffnen Sie in Pubrio Ihre **Sequences**. Wählen Sie beim Definieren eines E-Mail-Schritts **„Load from Library"** und wählen Sie das gerade synchronisierte Template aus.
  </Step>
</Steps>

<Note>
  **Profi-Tipp:** Wenn Sie ein Design in Stripo aktualisieren, exportieren Sie es einfach erneut. Sie können das bestehende Asset in Pubrio überschreiben und damit alle laufenden Sequences, die dieses Template nutzen, sofort aktualisieren.
</Note>

***

## Operative Anwendungsfälle

### 1. Automatisiertes Kunden-Onboarding

**Ziel:** Hochwertige Willkommens-E-Mails ausgelöst durch App-Nutzung zustellen.

* **Design:** Das Produktteam erstellt einen visuellen „Erste Schritte"-Guide in Stripo.
* **Logik:** Eine Pubrio-Sequence löst aus, wenn sich ein neuer Nutzer registriert.
* **Ausführung:** Pubrio holt das aktuellste Stripo-Design, fügt die spezifischen Account-Details des Nutzers ein und führt den Zustellschritt aus.

### 2. Dynamische Plattform-Benachrichtigungen

**Ziel:** Lokalisierte Alerts basierend auf Business-Signalen versenden.

* **Design:** Marketing erstellt ein modulares Alert-Template in Stripo.
* **Logik:** Pubrio erkennt ein „Buying Signal" (z. B. ein Interessent installiert die Technologie eines Mitbewerbers).
* **Ausführung:** Die Sequence versendet automatisch die Alert-E-Mail an den Account-Owner und nutzt dabei das Stripo-Template, um die Daten in einem sauberen, gebrandeten Format zu präsentieren.

***

## Bauen Sie Ihre Pipeline

<CardGroup cols={2}>
  <Card title="Stripo öffnen" icon="palette" href="https://stripo.email">
    **Asset erstellen.**
    Gestalten Sie Ihr Template und übertragen Sie es in die Engine.
  </Card>

  <Card title="Sequence konfigurieren" icon="arrow-progress" href="https://dashboard.pubrio.com">
    **Pubrio öffnen.**
    Ordnen Sie Ihr neues Template einem Sequence-Schritt zu und gehen Sie live.
  </Card>
</CardGroup>