> ## 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 集成

> 将响应式模版从 Stripo 直接推送到您的 Pubrio 序列中。

# Stripo x Pubrio: 从设计到序列的流水线

弥合 **Stripo** 创意工作室与 **Pubrio** 执行基础设施之间的差距。

此集成允许您立即将设计资产投入实战。无需手动移动 HTML 文件，您可以将模版直接从 Stripo 推送到您的 Pubrio **序列 (Sequences)** 中，确保您的自动化流程始终使用最新的、响应式的设计。

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

## 技术栈

<CardGroup cols={2}>
  <Card title="Stripo" icon="paint-brush" href="https://stripo.email">
    **设计层。**
    Stripo 允许在无需代码的情况下创建复杂的、响应式的 HTML 邮件模块。这是视觉资产诞生的地方。
  </Card>

  <Card title="Pubrio" icon="list-check" href="https://pubrio.com">
    **序列引擎。**
    Pubrio 充当交付基础设施。我们摄取模版，并根据您的序列逻辑和数据触发器编排本地化的交付。
  </Card>
</CardGroup>

## 为什么要连接两者？

将邮件设计视为自动化 CI/CD 流水线的一部分。

### 1. 零摩擦交接

消除拖慢运营速度的手动“下载-上传”循环。

* **手动方式：** 导出 ZIP -> 解压 -> 复制 HTML -> 粘贴到编辑器。
* **自动化方式：** 在 Stripo 中点击“Export to Pubrio”。模版将立即作为资源出现在您的 Pubrio **序列库 (Sequence Library)** 中，随时可以激活。

### 2. 数据驱动的渲染

Pubrio 的引擎允许在视觉设计中进行“无头 (Headless)”个性化。

* **动态注入：** 将 Pubrio 变量（例如 `{{company.tech_stack}}`, `{{person.location}}`）直接嵌入到 Stripo 文本块中。
* **执行：** 当序列触发时，Pubrio 会利用我们的全球数据图谱实时解析这些变量，确保渲染出的邮件对每一位收件人来说都在上下文上准确无误。

***

## 配置指南

只需设置一次流水线，即可实现持续的模版同步。

<Steps>
  <Step title="生成 API 凭证">
    在您的 Pubrio 工作区中，导航至 **Settings > API & Integrations**。专门为 Stripo 连接器生成一个新的密钥。
  </Step>

  <Step title="在 Stripo 中连接目标">
    在 Stripo 编辑器中打开任何模版，然后点击 **Export**（导出）。

    1. 从集成列表中选择 **"Pubrio"**。
    2. 输入您的 **API Key**。
    3. 为连接命名（例如 "Prod Sequences"）。
  </Step>

  <Step title="推送资产">
    点击 **Export**。系统会将 HTML 代码和托管的图片传输到 Pubrio 的资产管理器中。
  </Step>

  <Step title="附加到序列">
    在 Pubrio 内部，打开您的 **Sequences**（序列）。在定义邮件步骤时，选择 **"Load from Library"**（从库加载）并选择您刚刚同步的模版。
  </Step>
</Steps>

<Note>
  **专业提示：** 如果您在 Stripo 中更新了设计，只需重新导出即可。您可以选择覆盖 Pubrio 中的现有资产，从而立即更新使用该模版的所有运行中的序列。
</Note>

***

## 运营应用场景

### 1. 自动化客户入职 (Onboarding)

**目标：** 根据应用使用情况触发高保真的欢迎邮件。

* **设计：** 产品团队在 Stripo 中构建视觉化的“入门指南”。
* **逻辑：** 当新用户注册时，触发 Pubrio 序列。
* **执行：** Pubrio 获取最新的 Stripo 设计，注入用户的特定账户详细信息，并执行发送步骤。

### 2. 动态平台通知

**目标：** 根据商业信号发送本地化警报。

* **设计：** 市场团队在 Stripo 中构建模块化的警报模版。
* **逻辑：** Pubrio 检测到“购买信号”（例如，潜在客户安装了竞争对手的技术）。
* **执行：** 序列自动将警报邮件分发给账户所有者，使用 Stripo 模版以清晰、品牌化的格式展示数据。

***

## 构建您的流水线

<CardGroup cols={2}>
  <Card title="打开 Stripo" icon="palette" href="https://stripo.email">
    **创建资产。**
    设计您的模版并将其推送到引擎。
  </Card>

  <Card title="配置序列" icon="arrow-progress" href="https://dashboard.pubrio.com">
    **打开 Pubrio。**
    将您的新模版映射到序列步骤并上线。
  </Card>
</CardGroup>