> ## 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 시퀀스로 직접 푸시(Push)하세요.

# Stripo x Pubrio: 디자인-투-시퀀스(Design-to-Sequence) 파이프라인

**Stripo**의 크리에이티브 스튜디오와 **Pubrio**의 실행 인프라 간의 간극을 메우세요.

이 연동을 통해 디자인 자산(Asset)을 즉시 운영에 활용할 수 있습니다. 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" />

## 기술 스택 (The Tech Stack)

<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는 전송 인프라 역할을 합니다. 템플릿을 수집(Ingest)하고, 시퀀스 로직과 데이터 트리거를 기반으로 현지화된 전송을 조율(Orchestrate)합니다.
  </Card>
</CardGroup>

## 왜 두 가지를 연결해야 할까요?

이메일 디자인을 자동화된 CI/CD 파이프라인의 일부로 취급하세요.

### 1. 마찰 없는 핸드오프 (Zero-Friction Handoffs)

운영 속도를 늦추는 수동 "다운로드 후 업로드" 주기를 제거합니다.

* **수동 방식:** ZIP 내보내기 -> 압축 해제 -> HTML 복사 -> 에디터에 붙여넣기.
* **자동화 방식:** Stripo에서 "Export to Pubrio"를 클릭합니다. 템플릿은 즉시 Pubrio **시퀀스 라이브러리(Sequence Library)** 의 리소스로 사용 가능해지며, 바로 활성화할 수 있습니다.

### 2. 데이터 기반 렌더링

Pubrio의 엔진은 시각적 디자인 내에서 "헤드리스(Headless)" 개인화를 허용합니다.

* **동적 주입:** Pubrio 변수(예: `{{company.tech_stack}}`, `{{person.location}}`)를 Stripo 텍스트 블록에 직접 삽입합니다.
* **실행:** 시퀀스가 트리거되면, Pubrio는 글로벌 데이터 그래프를 사용하여 실시간으로 이 변수들을 해결(Resolve)하며, 렌더링된 이메일이 모든 수신자에게 문맥상 정확하도록 보장합니다.

***

## 구성 가이드

파이프라인을 한 번만 설정하면 지속적인 템플릿 동기화가 가능합니다.

<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="자산 푸시 (Push Asset)">
    **Export**를 클릭합니다. 시스템이 HTML 코드와 호스팅된 이미지를 Pubrio의 자산 관리자로 전송합니다.
  </Step>

  <Step title="시퀀스에 첨부">
    Pubrio 내부에서 **Sequences**를 엽니다. 이메일 단계를 정의할 때 **"Load from Library"** 를 선택하고 방금 동기화한 템플릿을 선택합니다.
  </Step>
</Steps>

<Note>
  **프로 팁:** Stripo에서 디자인을 업데이트한 경우, 다시 내보내기(Export)만 하면 됩니다. Pubrio의 기존 자산을 덮어쓰도록 선택할 수 있으며, 해당 템플릿을 사용하는 라이브 시퀀스를 즉시 업데이트할 수 있습니다.
</Note>

***

## 운영 활용 사례

### 1. 자동화된 고객 온보딩

**목표:** 앱 사용량에 따라 트리거되는 고품질 환영 이메일 전송.

* **디자인:** 제품 팀이 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>