> ## Documentation Index
> Fetch the complete documentation index at: https://docs.karzoun.chat/llms.txt
> Use this file to discover all available pages before exploring further.

# أنواع العرض

> اختر كيف تظهر النافذة للزائر: منبثقة، صندوق إشعار، مضمّنة، قائمة منسدلة، أو انزلاق من اليمين أو اليسار — مع لون السمة.

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

## الأنواع المتاحة

| النوع في الواجهة     | القيمة الداخلية | متى يناسب                                     |
| -------------------- | --------------- | --------------------------------------------- |
| **نافذة منبثقة**     | `popup`         | تركيز قوي في وسط الصفحة (عرض، تسجيل، استبيان) |
| **صندوق الإشعار**    | `shoutbox`      | عنصر ثابت في الزاوية السفلية دون قطع التصفح   |
| **مضمن**             | `embedded`      | النموذج جزء من محتوى الصفحة (اتصل بنا، هبوط)  |
| **قائمة منسدلة**     | `dropdown`      | لوحة تتوسع من مشغّل (شريط/رأس)                |
| **انزلاق من اليسار** | `slideInLeft`   | لوحة جانبية من الحافة اليسرى                  |
| **انزلاق من اليمين** | `slideInRight`  | لوحة جانبية من الحافة اليمنى                  |

<Info>
  **وسائط مطلوبة:** شبكة اختيار نوع العرض في خطوة النمط مع نوع واحد محدّد ولون السمة.\
  `/images/help/popups/display-types-style-step.webp`
</Info>

## لون السمة

أسفل أنواع العرض: **لون السمة** — لون أساسي للأزرار والعناصر البارزة. اختر من الألوان الجاهزة أو أدخِل قيمة لون تناسب علامتك.

## كيف تختار بسرعة؟

* **جمع سريع دون إزعاج طويل** → صندوق الإشعار
* **عرض أو هدية تحتاج انتباهاً** → نافذة منبثقة
* **نموذج دائم في صفحة** → مضمّن (+ حاوية التضمين عند التثبيت)
* **دعم أو نموذج طويل من الحافة** → انزلاق يمين أو يسار
* **مشغّل من الشريط** → قائمة منسدلة

نوع العرض يعمل مع [قواعد الاستهداف](/ar/help-center/guides/popups/targeting-rules): القواعد متى تظهر، والنوع كيف تبدو.

## التثبيت حسب النوع

للمضمّن غالباً تحتاج وسم الحاوية `data-kzn-form` في الصفحة. للتفاصيل: [تثبيت كود النافذة](/ar/help-center/guides/popups/install-code).

## ذات صلة

* [إنشاء نافذة](/ar/help-center/guides/popups/create)
* [التنسيق وCSS](/ar/help-center/guides/popups/styling)
* [تثبيت كود النافذة](/ar/help-center/guides/popups/install-code)


## Related topics

- [إنشاء نافذة](/ar/help-center/guides/popups/create.md)
- [التنسيق وCSS](/ar/help-center/guides/popups/styling.md)
- [قواعد الاستهداف](/ar/help-center/guides/popups/targeting-rules.md)
- [طريقة إنشاء قالب عروض محدودة الوقت](/ar/help-center/guides/whatsapp/templates/doc-1914161.md)
- [أنواع الغياب والعطل](/ar/help-center/guides/attendance/holidays-absence-types.md)