메인 콘텐츠로 건너뛰기

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

Stripo의 크리에이티브 스튜디오와 Pubrio의 실행 인프라 간의 간극을 메우세요. 이 연동을 통해 디자인 자산(Asset)을 즉시 운영에 활용할 수 있습니다. HTML 파일을 수동으로 옮기는 대신, Stripo에서 Pubrio 시퀀스(Sequences) 로 템플릿을 직접 푸시하여 자동화된 흐름이 항상 최신의 반응형 디자인을 사용하도록 보장할 수 있습니다. Pubrio 및 Stripo 연동

기술 스택 (The Tech Stack)

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

이메일 디자인을 자동화된 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)하며, 렌더링된 이메일이 모든 수신자에게 문맥상 정확하도록 보장합니다.

구성 가이드

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

API 자격 증명 생성

Pubrio 워크스페이스에서 Settings > API & Integrations로 이동합니다. Stripo 커넥터 전용 새 키를 생성합니다.
2

Stripo에서 대상 연결

Stripo 에디터에서 아무 템플릿이나 열고 Export 를 클릭합니다.
  1. 통합 목록에서 “Pubrio” 를 선택합니다.
  2. API Key 를 입력합니다.
  3. 연결에 라벨을 지정합니다 (예: “Prod Sequences”).
3

자산 푸시 (Push Asset)

Export를 클릭합니다. 시스템이 HTML 코드와 호스팅된 이미지를 Pubrio의 자산 관리자로 전송합니다.
4

시퀀스에 첨부

Pubrio 내부에서 Sequences를 엽니다. 이메일 단계를 정의할 때 “Load from Library” 를 선택하고 방금 동기화한 템플릿을 선택합니다.
프로 팁: Stripo에서 디자인을 업데이트한 경우, 다시 내보내기(Export)만 하면 됩니다. Pubrio의 기존 자산을 덮어쓰도록 선택할 수 있으며, 해당 템플릿을 사용하는 라이브 시퀀스를 즉시 업데이트할 수 있습니다.

운영 활용 사례

1. 자동화된 고객 온보딩

목표: 앱 사용량에 따라 트리거되는 고품질 환영 이메일 전송.
  • 디자인: 제품 팀이 Stripo에서 시각적인 “시작 가이드”를 구축합니다.
  • 로직: 새 사용자가 가입할 때 Pubrio 시퀀스가 트리거됩니다.
  • 실행: Pubrio는 최신 Stripo 디자인을 가져와 사용자의 특정 계정 세부 정보를 주입하고 전송 단계를 실행합니다.

2. 동적 플랫폼 알림

목표: 비즈니스 신호를 기반으로 현지화된 알림 전송.
  • 디자인: 마케팅 팀이 Stripo에서 모듈형 알림 템플릿을 구축합니다.
  • 로직: Pubrio가 “구매 신호”(예: 잠재 고객이 경쟁사의 기술을 설치함)를 감지합니다.
  • 실행: 시퀀스는 알림 이메일을 계정 소유자에게 자동으로 발송하며, Stripo 템플릿을 사용하여 데이터를 깔끔하고 브랜드화된 형식으로 제공합니다.

파이프라인 구축하기