# كيفية إنشاء زر

## العمل مع أزرار التبويب

<div data-with-frame="true"><figure><img src="/files/6a7c9635fa2954afdac90168387c674a9118c06c" alt="" width="563"><figcaption></figcaption></figure></div>

يمكن إنشاء الأزرار بطريقتين: باستخدام **إعدادات الأزرار داخل كتلة**، أو باستخدام **الربط بين الكتل**.

الخيار الأول أكثر عملية وملاءمة للعمل معه.

<figure><img src="/files/fd41603b58b22d1782e22a0925df69ceeb1ceaee" alt="" width="563"><figcaption></figcaption></figure>

لإنشاء أزرار مباشرة من كتلة، افتح الكتلة المطلوبة وانتقل إلى **الأزرار** :

<div data-with-frame="true"><figure><img src="/files/1b37b90a072f5f74c6caf8197eb52c3c955afe43" alt=""><figcaption></figcaption></figure></div>

بعد النقر على "+ إضافة زر"، أدخل نص العرض للزر في حقل "النص".

<div data-with-frame="true"><figure><img src="/files/15f78d891d9bf962cc717f27f7776b18a19776a6" alt="" width="563"><figcaption></figcaption></figure></div>

بعد ذلك، اختر وظيفة الزر.

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

{% hint style="info" %}
**تعرّف على المزيد حول وظائف الأزرار الأخرى في مقالاتنا:**

* [زر "طلب رقم الهاتف"](/doc/ar/chatbot/builder/alazrar/phone.md)
* [زر الدفع](broken://pages/6ec2862975635dd0721e55b85ebf573db75559fe)
* [زر طلب الموقع](/doc/ar/chatbot/builder/alazrar/zr-tlb-almwqa-aljghrafy.md)
* [زر المشاركة](/doc/ar/chatbot/builder/alazrar/zr-almsharkh.md)
* [زر الاتصال التلقائي](broken://pages/a70ce1b4be6b180bddc4b8450a3dd54ce161369c)
* [زر تطبيق الويب](/doc/ar/chatbot/builder/alazrar/webapp.md)
  {% endhint %}

انقر على **"إضافة"** الزر لتأكيده وإضافته إلى إعدادات الكتلة.

<div data-with-frame="true"><figure><img src="/files/87ab9b1106b0aa998e0159c0f713b23aaae50459" alt="" width="563"><figcaption></figcaption></figure></div>

هناك نوعان رئيسيان من الأزرار:

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

تدعم بعض برامج المراسلة أيضًا وضع **تلقائي** ، والذي يختار تلقائيًا أفضل نوع زر للمنصة.

<div data-with-frame="true"><figure><img src="/files/290b79bf5b64eb9432b2b0b553a1eba29980497a" alt=""><figcaption></figcaption></figure></div>

يتعامل الروبوت مع النقرات لكلا نوعي الأزرار بالطريقة نفسها. يمكنك إضافة المزيد من الأزرار بطريقتين:

1. انقر على **"+"** زر إلى يمين زر موجود.

<div data-with-frame="true"><figure><img src="/files/a47ecedaf4c65cfe5db1e0f71b867a8eb587ecbf" alt="" width="563"><figcaption></figcaption></figure></div>

**النتيجة:** يظهر الزر الجديد في السطر نفسه.

<div data-with-frame="true"><figure><img src="/files/2ea292d08a3b3bfde8396476b61562a286af2361" alt="" width="563"><figcaption></figcaption></figure></div>

2. إذا نقرت على **"+ إضافة زر"،**

<div data-with-frame="true"><figure><img src="/files/0583617d734bb476e17e1a572fd3b9c8f8f162e2" alt="" width="563"><figcaption></figcaption></figure></div>

فسيتم إضافة الزر الجديد أسفل الزر الذي تم إنشاؤه سابقًا:

<div data-with-frame="true"><figure><img src="/files/d43826cd09e4d0cdd3a93bc85f015be4bd8c30f6" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/027892eadb7a5c1b501370557d48ef5ba3d432bf" alt="" width="563"><figcaption></figcaption></figure></div>

يمكنك أيضًا إعادة ترتيب الأزرار بسهولة في هذا الحقل عن طريق الضغط باستمرار على زر الفأرة الأيسر وسحب الزر إلى موضع جديد.

{% hint style="success" %}
**يرجى الانتباه!**&#x20;

لعرض الربط بين الكتل كزر من لوحة المفاتيح بدلاً من إنشاء زر منفصل داخل كتلة، اتبع الخطوات التالية:

1. فعّل **"إظهار الروابط كأزرار"** مربع الاختيار.
2. اضبط مشغلًا على الموصل الذي يربط الكتلتين.

سيتم بعد ذلك عرض الموصل للمستخدم كزر من لوحة المفاتيح.

للحصول على دليل مفصل، يُرجى الرجوع إلى المقال: [**"الربط بزر"**](/doc/ar/chatbot/builder/alatsalat/buttons.md).
{% endhint %}

تفترض هذه النسخة أن المستخدم يحتاج إلى إنشاء زر يدوي بينما تكون أزرار الربط معطلة.

> 1. في **متقدم** قائمة الإعدادات، حدّد موقع **"إظهار الروابط كأزرار"** المفتاح وتأكد من أنه مضبوط على **إيقاف**.
> 2. الآن، انقر على **"+ إضافة زر"** لإنشاء زر قياسي داخل الكتلة.

<div data-with-frame="true"><figure><img src="/files/49d853fe174395fa85776945038f7d2b8e5821ad" alt="" width="563"><figcaption></figcaption></figure></div>

### كيفية كتابة تسمية زر بشكل صحيح

عند إنشاء زر، تختار دائمًا أكثر التسميات جاذبية وإغراءً لجذب العملاء. ومع ذلك، يجب عليك الالتزام بهذه القاعدة: <mark style="color:red;">**يجب ألا تحتوي تسمية الزر على علامات اقتباس**</mark>**.**

<mark style="color:red;">**النسخة غير الصحيحة:**</mark>

<div data-with-frame="true"><figure><img src="/files/54f7d49510bd4bafe1115a25ede52e5ad2f2a6f6" alt="" width="563"><figcaption></figcaption></figure></div>

إذا كنت بحاجة إلى التأكيد على كلمات، يمكنك استخدام علامات الاقتباس المفردة.

<mark style="color:green;">**النسخة الصحيحة:**</mark>

<div data-with-frame="true"><figure><img src="/files/73384fa1cedfbd75cc5fdccb8d964765911b3af2" alt="" width="326"><figcaption></figcaption></figure></div>

يمكنك أيضًا جعل الأزرار أكثر حيويةً ولونًا باستخدام الرموز التعبيرية:

<div data-with-frame="true"><figure><img src="/files/e06979c4acc26adec0955bfdc8ab6ec54a60d5ce" alt="" width="354"><figcaption></figcaption></figure></div>

## كيفية ضبط لون الزر

إذا لزم الأمر، يمكنك تحديد لون الزر — وهذا يعمل في Viber والدردشة عبر الإنترنت.

<div data-with-frame="true"><figure><img src="/files/17a60f95ffd4f9c9ef9a3e0428663d55460e5e74" alt="" width="563"><figcaption></figcaption></figure></div>

يمكنك اختيار أي لون للزر في Viber أو الدردشة عبر الإنترنت — انقر على المربع الأسود لفتح لوحة الألوان:

<div data-with-frame="true"><figure><img src="/files/cf9dd041ebb70dcb32d3258ba6528fb5cf9da3b7" alt="" width="563"><figcaption></figcaption></figure></div>

هذا ما تبدو عليه الأزرار الملونة في الدردشة عبر الإنترنت.

<div data-with-frame="true"><figure><img src="/files/7f60857187a9e9108284e4cde3e14fa0a063fe6e" alt="" width="563"><figcaption></figcaption></figure></div>

### حقول إعدادات الزر المتقدمة

<div data-with-frame="true"><figure><img src="/files/5fc5297514a093ebd63fe12b9b36e0ef74b01a05" alt="" width="419"><figcaption></figcaption></figure></div>

### مربع اختيار عرض الأزرار

**عرض الأزرار:** بشكل افتراضي، يكون هذا المفتاح مفعّلًا، وتُعرض الأزرار للعميل.

<div data-with-frame="true"><figure><img src="/files/4f00713e3083f535ca4c169f199c37aa55d2278e" alt="" width="563"><figcaption></figcaption></figure></div>

### عرض الموصلات كزر&#x20;

**عرض الموصلات كأزرار:** عند التمكين (افتراضيًا)، تُعرض جميع مشغلات الموصلات من هذه الكتلة للمستخدم على شكل أزرار.

<div data-with-frame="true"><figure><img src="/files/a60abeca798aed8eb7ece325a0632aa36121ee94" alt="" width="563"><figcaption></figcaption></figure></div>

### تلميح للأدوات لبرامج المراسلة التي لا تدعم الأزرار

الـ **"تلميح للأدوات لبرامج المراسلة التي لا تدعم الأزرار"** يوفر الحقل نصًا بديلًا لبرامج المراسلة التي لا تدعم الأزرار (مثل WhatsApp العادي). وهذا يوجّه المستخدمين إلى ما يجب كتابته يدويًا.

<div data-with-frame="true"><figure><img src="/files/919d95e419ed358b438c6f8f4d399d178e85be31" alt="" width="563"><figcaption></figcaption></figure></div>

نظرًا لأن WhatsApp لا يدعم الأزرار، فاستخدم **"تلميح للأدوات لبرامج المراسلة التي لا تدعم الأزرار"** الحقل لتوفير قائمة رقمية. هذا النص، الذي يظهر فقط في WhatsApp، يتيح للمستخدمين التنقل داخل الروبوت عن طريق كتابة الأرقام.

<div data-with-frame="true"><figure><img src="/files/a173eb959f5e1af666664dc0c01a388ca9389166" alt="" width="563"><figcaption></figcaption></figure></div>

### إعدادات الزر المتقدمة – حقل رمز الزر

يمكن استخدام الحقل **"إعدادات الزر المتقدمة (رمز الزر)"** لإنشاء أزرار فريدة باستخدام الشيفرة.

<div data-with-frame="true"><figure><img src="/files/51b0492d354b98f2d1b0ffa2d86d4b2e44bda77e" alt="" width="563"><figcaption></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/ar/chatbot/builder/alazrar/create.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.