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

# تخصيص الأداة

> اجعل أداة الدردشة تتناسب مع علامتك التجارية

اجعل أداة الدردشة تتناسب مع علامتك التجارية وقدم تجربة سلسة لعملائك.

## إعدادات المظهر

### اسم العلامة التجارية

الاسم المعروض في رأس الدردشة (مثل: "سارة | مساعدة التسوق")

### اللون الأساسي

اختر لون علامتك التجارية باستخدام منتقي الألوان أو أدخل كود اللون السداسي مباشرة.

<Tip>
  استخدم اللون الأساسي لعلامتك التجارية للحفاظ على التناسق عبر موقعك.
</Tip>

### صورة الوكيل

ارفع صورة أو أفاتار لوكيلك تظهر في الدردشة. هذا يساعد على تخصيص تجربة المحادثة.

### موقع الأداة

اختر أين يظهر زر الدردشة على موقعك:

<CardGroup cols={3}>
  <Card title="يمين" icon="arrow-right">
    الزاوية السفلية اليمنى (الأكثر شيوعاً)
  </Card>

  <Card title="يسار" icon="arrow-left">
    الزاوية السفلية اليسرى
  </Card>

  <Card title="وسط" icon="arrows-left-right">
    أسفل الوسط
  </Card>
</CardGroup>

## الأسئلة الشائعة

أضف حتى **3 أزرار إجراء سريع** تظهر في أداة الدردشة لمساعدة العملاء على بدء المحادثات بسرعة.

### أمثلة على الأزرار

* "ما الجديد؟"
* "تتبع طلبي"
* "التواصل مع الدعم"

<Info>
  أزرار الإجراء السريع تزيد التفاعل من خلال تسهيل بدء المحادثة على العملاء.
</Info>

## المعاينة الحية

أثناء إجراء التغييرات، شاهد بالضبط كيف ستبدو أداتك في **المعاينة الفورية** على الجانب الأيمن من الشاشة.

<Frame>
  <img src="https://mintcdn.com/loopz/pamFVuE_hEBkBSD_/images/widget-preview-ar.png?fit=max&auto=format&n=pamFVuE_hEBkBSD_&q=85&s=e3c8a6b5ac22aa35a56d4e6a104780ba" alt="مثال معاينة الأداة" style={{ maxWidth: '400px', margin: '0 auto' }} width="571" height="850" data-path="images/widget-preview-ar.png" />
</Frame>

<Check>
  اختبر تغييراتك دائماً في المعاينة الحية قبل النشر!
</Check>

## الخطوات التالية

<CardGroup cols={2}>
  <Card title="نشر وكيلك" icon="rocket" href="/ar/guide/deployment">
    أضف وكيلك إلى موقعك
  </Card>

  <Card title="ربط التكاملات" icon="plug" href="/ar/guide/integrations">
    ربط **كاليندلي**، **زد**، **واتساب**، والمزيد
  </Card>
</CardGroup>