# محتوى النوافذ المنبثقة على الويب

**محتوى النافذة المنبثقة على الويب** هو التخطيط المرئي الذي يراه الزوار عند ظهور نافذة منبثقة على موقعك الإلكتروني. يمكنك إنشاؤه تحت قسم **المحتوى**، ثم إرفاقه بـ [حملة نوافذ منبثقة على الويب](/ar/product/messaging-channels/web-popups/create-web-popups-campaigns/).

## إنشاء محتوى نافذة منبثقة على الويب

1. اذهب إلى **المحتوى** ← **محتوى النوافذ المنبثقة على الويب**.
2. انقر على **إنشاء محتوى نافذة منبثقة على الويب**.
3. اختر قالبًا للبدء من المعرض.

<img src="/content-web-popups-content-1.webp" alt="معرض قوالب النوافذ المنبثقة على الويب يعرض قوالب بداية لنافذة مشروطة، وصورة، وشريط سفلي، وجولة منتج متعددة الصفحات"/>
4. بمجرد اختيارك للقالب، قم بتخصيص النافذة المنبثقة في المحرر.

### تسمية النافذة المنبثقة

انقر على اسم النافذة المنبثقة في الشريط العلوي لتحريره. يحدد هذا الاسم المحتوى داخل Pushwoosh، في قائمة المحتوى وفي معالج الحملة. لا يراه زوار الموقع.

### تحرير إعدادات النافذة المنبثقة

اضبط مظهر وموضع النافذة المنبثقة في لوحة الإعدادات على يسار لوحة الرسم:

<Aside type="note">
تتحكم هذه الإعدادات في تصميم النافذة المنبثقة فقط. يتم تكوين إعدادات الجمهور، واستهداف الصفحة، والتأخير، والتكرار، والإطلاق في [حملة النوافذ المنبثقة على الويب](/ar/product/messaging-channels/web-popups/create-web-popups-campaigns/#start-a-new-campaign).
</Aside>

#### الصور

إذا كان التخطيط يتضمن صورة واحدة أو أكثر، فستحصل كل صورة على كتلة خاصة بها في أعلى اللوحة مع معاينة وعناصر تحكم.

انقر على **تغيير الصورة** لاختيار ملف من [متجر الوسائط](/ar/product/content/media-store/) الخاص بمشروعك.

<img src="/content-web-popups-content-2.webp" alt="قسم إعدادات النافذة المنبثقة مع معاينة صورة فارغة وزر تغيير الصورة في محرر النوافذ المنبثقة على الويب"/>

أسفل المعاينة:

- **الملاءمة (Fit):** كيفية ملء الصورة لإطارها: **طبيعي (Natural)**، **تغطية (Cover)**، أو **احتواء (Contain)**. لا يظهر هذا الخيار لصورة الخلفية، التي تغطي دائمًا مساحتها.
- **التمويه (Blur):** تنعيم الصورة، من 0 إلى 20 بكسل.
- **التعتيم (Dim):** لصور الخلفية فقط. يضيف طبقة داكنة فوق الصورة حتى يظل النص الموضوع فوقها قابلاً للقراءة، من 0 إلى 100%.

تضيف بعض التخطيطات أيضًا قسم **التخطيط (Layout)** مع إعدادات لوضع الصورة:

- **عرض الصورة (Image width):** حصة من عرض النافذة المنبثقة، كنسبة مئوية.
- **موضع الصورة (Image position):** **يسار (Left)** أو **يمين (Right)**، للتخطيطات التي تحتوي على صورة بجانب النص.

يظهر قسم **التخطيط (Layout)** فقط عندما يحتوي التخطيط الحالي على إعدادات مثل هذه. في تخطيط الشريط السفلي، يقدم **عرض الأزرار (Buttons width)** بدلاً من عناصر التحكم في الصورة.

#### حجم ونمط النافذة المنبثقة

في قسم **النافذة المنبثقة (Popup)**:

- **العرض، الارتفاع (فارغ = تلقائي):** اترك كلاهما فارغًا لنافذة منبثقة تحدد حجمها بنفسها حسب محتواها، أو قم بتعيين حجم ثابت بالبكسل. في نافذة منبثقة متعددة الصفحات، يكون لكل صفحة حجمها الخاص.
- **نصف قطر الزاوية، الظل:** تقريب زوايا النافذة المنبثقة وظلها الساقط.
- **الرسوم المتحركة (Animation):** كيفية ظهور النافذة المنبثقة: **بدون (None)**، **تلاشي (Fade)**، أو **انزلاق (Slide)**.

<img src="/content-web-popups-content-3.webp" alt="قسم النافذة المنبثقة في لوحة الإعدادات مع عناصر التحكم في العرض والارتفاع ونصف قطر الزاوية والظل والرسوم المتحركة"/>

#### الألوان

انقر على **الألوان (Colors)** لتوسيع لوحة ألوان النافذة المنبثقة:

- **الخلفية، اللون المميز (الأزرار):** خلفية النافذة المنبثقة واللون المميز المطبق على الأزرار.
- **النص، النص الثانوي:** لون النص الأساسي والنص الثانوي مثل التعليقات التوضيحية والعناوين العلوية.
- **النص فوق الصورة:** يظهر فقط للتخطيطات التي تحتوي على نص فوق صورة خلفية. يحدد اللون المستخدم لهذا النص.

<img src="/content-web-popups-content-11.webp" alt="قسم الألوان موسع، يعرض منتقيات الخلفية، واللون المميز، والنص، والنص الثانوي، والنص فوق الصورة"/>

#### الموضع والتراكب

في قسم **الموضع (PLACEMENT)**:

- **الموضع (Position):** اختر مكان تثبيت النافذة المنبثقة على الصفحة باستخدام الشبكة 3×3.
- **إزاحة الحافة (Edge offset):** حدد المسافة بالبكسل من الحافة المحددة.

في قسم **التراكب (OVERLAY)**:

- **تعتيم الصفحة الخلفية:** قم بتشغيل هذا الخيار لتعتيم بقية الصفحة أثناء عرض النافذة المنبثقة.
- **اللون، الشفافية:** حدد لون التراكب وشفافيته من 0 إلى 1.

<img src="/content-web-popups-content-4.webp" alt="لوحة إعدادات النوافذ المنبثقة على الويب مع أقسام POPUP و PLACEMENT و OVERLAY بما في ذلك شبكة الموضع وعناصر التحكم في التراكب"/>

### تحرير النص

انقر على أي كتلة نصية في النافذة المنبثقة لتحريرها مباشرة. يظهر شريط أدوات فوقها:

- تطبيق تنسيق **عريض**، *مائل*، أو تسطير.
- إضافة أو إزالة رابط.
- تعيين محاذاة لليسار، الوسط، أو اليمين.
- اختيار نمط نص: **أيقونة (Icon)**، **عنوان علوي (Eyebrow)**، **عنوان 1-3 (Heading 1–3)**، **نص أساسي (Body)**، أو **تعليق توضيحي (Caption)**.

<img src="/content-web-popups-content-5.webp" alt="نص محدد على لوحة رسم النافذة المنبثقة على الويب مع شريط أدوات التحرير المباشر الذي يعرض عناصر التحكم في التنسيق والمحاذاة والرابط والنمط"/>

### تحرير الأزرار

انقر على زر لفتح شريط الأدوات الخاص به:

- اختر نمط الزر: **أساسي (Primary)** أو **ثانوي (Secondary)**.
- اختر ما يفعله الزر:
  - **فتح رابط:** أدخل عنوان URL المستهدف.
  - **إغلاق النافذة المنبثقة**.
  - **الانتقال إلى صفحة:** اختر صفحة أخرى من النافذة المنبثقة للتبديل إليها. يظهر هذا الخيار بمجرد أن تحتوي النافذة المنبثقة على أكثر من صفحة واحدة. انظر [العمل مع صفحات متعددة](#work-with-multiple-pages).

<img src="/content-web-popups-content-8.webp" alt="زر محدد على لوحة رسم النافذة المنبثقة على الويب مع شريط أدوات تحرير الزر مفتوحًا"/>

<Aside type="tip">
عند تحديد كتلة نصية أو زر، استخدم **+T** أو **+B** على شريط الأدوات لإضافة كتلة نصية أو زر أسفله، والأسهم لأعلى ولأسفل لتحريكه على الصفحة، وأيقونة الحذف لإزالته. لا يمكن حذف آخر عنصر متبقٍ في الصفحة.

انقر على **+ إضافة** أسفل النافذة المنبثقة لإضافة كتلة نصية أو زر في نهاية الصفحة.
</Aside>

## العمل مع صفحات متعددة

يمكن أن تحتوي النافذة المنبثقة على الويب على أكثر من صفحة واحدة، على سبيل المثال لتوجيه الزوار خلال عرض قصير متعدد الخطوات.

### إضافة صفحة

انقر على **+ إضافة صفحة** لفتح قائمة إضافة الصفحة:

- **تكرار الصفحة الحالية:** ينسخ الصفحة النشطة، بما في ذلك أي تعديلات قمت بها، كصفحة جديدة.
- اختر أحد تخطيطات الصفحة الواحدة لإضافة صفحة جديدة بمحتوى العرض التوضيحي لذلك التخطيط. الصفحة الجديدة مستقلة عن الأخرى، لذا يمكنها استخدام تخطيط مختلف.

<img src="/content-web-popups-content-6.webp" alt="علامات تبويب صفحات محرر النوافذ المنبثقة على الويب مع صفحات متعددة، وعلامة صفحة البداية، وإضافة صفحة"/>

<Aside type="note">
تأتي تخطيطات الأمثلة متعددة الصفحات، مثل **جولة المنتج (متعددة الصفحات)**، دائمًا كمجموعة كاملة من الصفحات، لذا فهي متاحة فقط من المعرض الأولي، وليس من هذه القائمة.
</Aside>


كل علامة تبويب هي صفحة واحدة. انقر على علامة تبويب للتبديل إليها.

### تعيين صفحة البداية

علامة التبويب المميزة بـ ★ هي **صفحة البداية**، وهي الصفحة التي يراها الزوار أولاً. لتغييرها، افتح علامة تبويب أخرى وانقر على ☆ في تلك علامة التبويب.

<img src="/content-web-popups-content-7.webp" alt="علامات تبويب الصفحات تظهر علامة نجمة صفحة البداية على علامة تبويب واحدة وعنصر تحكم الحذف على علامة التبويب النشطة"/>

### حذف صفحة

في علامة التبويب النشطة، انقر على **✕**. يفتح مربع حوار للتأكيد. انقر على **حذف** لإزالة الصفحة. لا يمكن التراجع عن هذا الإجراء.

<Aside type="note">
الأزرار التي لديها إجراء **الانتقال إلى صفحة** وتشير إلى الصفحة المحذوفة تعود إلى **صفحة البداية**.
</Aside>

## حفظ المحتوى

راجع المحتوى والصور وإجراءات الأزرار. عند الانتهاء، انقر على **حفظ** في الشريط العلوي.

<Aside type="note">
حفظ المحتوى لا يعرض النافذة المنبثقة على الويب على موقعك. يظهر المحتوى على الموقع فقط بعد تحديده في حملة نوافذ منبثقة على الويب وإطلاق الحملة.
</Aside>

## استخدام المحتوى في حملة

بعد الحفظ، يظهر المحتوى في **المحتوى** ← **محتوى النوافذ المنبثقة على الويب**. افتحه من القائمة لمواصلة التحرير.

لعرضه على الموقع، اذهب إلى **الحملات** ← **النوافذ المنبثقة على الويب**، قم بإنشاء أو تحرير حملة، واختر هذا المحتوى في خطوة **المحتوى**.

ثم قم بتكوين الجمهور، وإعدادات العرض، والتكرار، وخيارات الإطلاق. للحصول على التدفق الكامل، انظر [إنشاء حملات النوافذ المنبثقة على الويب](/ar/product/messaging-channels/web-popups/create-web-popups-campaigns/).