> ## 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 × Pubrio: خط أنابيب من التصميم إلى تسلسل التواصل

اربط الفجوة بين استوديو الإبداع في **Stripo** وبنية التنفيذ في **Pubrio**.

يتيح لك هذا التكامل تفعيل أصولك التصميمية فورًا. بدلًا من نقل ملفات HTML يدويًا، يمكنك دفع القوالب مباشرة من Stripo إلى **تسلسلات التواصل** في Pubrio، بما يضمن أن يستخدم تدفقك الآلي دائمًا أحدث التصاميم المتجاوبة.

<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 -> لصق في المحرر.
* **الطريقة الآلية:** اضغط "Export to Pubrio" في Stripo. يصبح القالب متاحًا فورًا كمورد في **مكتبة تسلسلات التواصل** الخاصة بك في Pubrio، جاهزًا للتفعيل.

### 2. عرض قائم على البيانات

يتيح محرك Pubrio تخصيصًا "بلا واجهة" ضمن التصميم البصري.

* **الحقن الديناميكي:** ضمّن متغيرات 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** الخاص بك.
    3. سمِّ الاتصال (مثل، "Prod Sequences").
  </Step>

  <Step title="ادفع الأصل">
    اضغط **Export**. سينقل النظام كود HTML والصور المستضافة إلى مدير الأصول في Pubrio.
  </Step>

  <Step title="اربطه بتسلسل تواصل">
    داخل Pubrio، افتح **تسلسلات التواصل** لديك. عند تحديد خطوة بريد إلكتروني، اختر **"Load from Library"** وحدد القالب الذي زامنته للتو.
  </Step>
</Steps>

<Note>
  **نصيحة احترافية:** إن حدّثت تصميمًا في Stripo، أعد تصديره فحسب. يمكنك اختيار الكتابة فوق الأصل الحالي في 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>
