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

# أفضل ممارسات تصميم النماذج لـ WhatsApp Flows

> صمم نماذج HubSpot التي تُقدَّم بنظافة كـ WhatsApp Flows: حدود التسميات، اختيار نوع السؤال الصحيح، ووقف قص التسميات على iPhone.

يصبح كل حقل في نموذج HubSpot الخاص بك مكوّنًا في WhatsApp Flow، وتحد Meta من مقدار نص التسمية الذي يمكن لكل مكوّن عرضه. تُقص التسميات الأطول من الحد على هاتف العميل، وهو أمر ملحوظ جدًا على iPhone.

لا يزال التدفق يُنشر، ولا تزال الإجابات تصل إلى HubSpot بشكل صحيح. النتيجة الوحيدة هي بصرية، ولهذا السبب من السهل تفويتها حتى يفتح عميل حقيقي النموذج.

تغطي هذه الصفحة كيفية بناء نماذج HubSpot التي تُقرأ جيدًا على كل جهاز.

## النسخة القصيرة

<CardGroup cols={2}>
  <Card title="أبقِ التسميات قصيرة" icon="type">
    استهدف 20 حرفًا أو أقل على القوائم المنسدلة وحقول النصوص. هذا حوالي ثلاث كلمات قصيرة.
  </Card>

  <Card title="استخدم أزرار الاختيار للقوائم القصيرة" icon="circle-dot">
    أقل من ثمانية خيارات تُقرأ بشكل أفضل كأزرار اختيار من قائمة منسدلة، وتمنحك تسمية أطول.
  </Card>

  <Card title="ضع الأسئلة الطويلة فوق الحقل" icon="layers">
    استخدم عنصر نص غني للسؤال وأبقِ تسمية الحقل نفسها قصيرة.
  </Card>

  <Card title="اختبر على iPhone" icon="smartphone">
    Android أكثر تسامحًا. إذا قُرئت بشكل صحيح على iPhone، فستُقرأ بشكل صحيح في كل مكان.
  </Card>
</CardGroup>

## ما يحدث لتسميات حقولك

يرتبط كل نوع حقل HubSpot بمكوّن WhatsApp Flow، ولكل مكوّن حصة تسمية خاصة به. الحقول التي يستخدمها الناس أكثر هي الأضيق.

| حقل HubSpot          | يُقدَّم كـ           | حصة التسمية     |
| -------------------- | -------------------- | --------------- |
| قائمة منسدلة         | قائمة منسدلة         | 20 حرفًا        |
| نص سطر واحد          | إدخال نص             | 20 حرفًا        |
| نص متعدد الأسطر      | منطقة نص             | 20 حرفًا        |
| اختيار راديو         | أزرار اختيار         | 30 حرفًا        |
| مربعات اختيار متعددة | مجموعة مربعات اختيار | 30 حرفًا        |
| منتقي التاريخ        | منتقي التاريخ        | 40 حرفًا        |
| مربع اختيار مفرد     | Opt-in               | 120 حرفًا       |
| نص غني               | نص غني               | لا يوجد حد عملي |

تحصل تسميات الخيارات داخل قائمة منسدلة، أو مجموعة راديو، أو مجموعة مربعات اختيار على 30 حرفًا لكل منها، مع توفر 300 حرف لوصف اختياري تحتها.

<Note>
  هذه إرشادات وليست حدودًا صارمة. تعرض أداة بناء التدفق الخاصة بـ Meta تحذيرًا وليس خطأ، ويتم التحقق من صحة التدفق الذي يحتوي على تسميات طويلة ويُنشر بشكل طبيعي. لا يوجد شيء معطوب، ولا تُفقد أي بيانات. تُختصر التسمية فقط على الشاشة.
</Note>

## لماذا يبدو جيدًا على هاتف واحد وخطأ على آخر

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

يختلف ذلك كثيرًا. يمكن أن يُعرض نفس السؤال المكون من 33 حرفًا بالكامل على هاتف Android واحد، ويفقد كلمته الأخيرة على آخر، ويُقص في منتصف الكلمة عبر سطرين على iPhone.

النتائج العملية:

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

## اختيار نوع السؤال الصحيح

تأتي معظم مشاكل القص من استخدام قائمة منسدلة حيث لم تكن القائمة المنسدلة أبدًا التحكم الصحيح.

<AccordionGroup>
  <Accordion title="اثنان إلى سبعة خيارات: استخدم أزرار الاختيار">
    اضبط الحقل على **اختيار راديو** في HubSpot. تحصل على تسمية بـ 30 حرفًا بدلاً من 20، وتقع التسمية فوق الخيارات ككتلة نص تلتف بدلاً من أن تُضغط داخل التحكم، ويجيب العميل بضغطة واحدة بدلاً من فتح، تمرير، اختيار، إغلاق.

    هذه هي توصية Meta الخاصة، وتحل غالبية التسميات المقصوصة بمفردها.
  </Accordion>

  <Accordion title="ثمانية أو أكثر من الخيارات: استخدم قائمة منسدلة">
    القوائم الطويلة تنتمي إلى قائمة منسدلة. قائمة الدول أو كتالوج المنتجات كعشرين زر اختيار هي جدار من النص.

    تحمل القائمة المنسدلة حتى 200 خيار. مجموعات الراديو ومربعات الاختيار محدودة بـ 20، لذا فإن أي شيء أطول يجب أن يكون قائمة منسدلة بغض النظر عن كيفية قراءة التسمية.
  </Accordion>

  <Accordion title="إجابات متعددة: استخدم مربعات الاختيار">
    **مربعات الاختيار المتعددة** في HubSpot تصبح مجموعة مربعات اختيار، بنفس حصة التسمية البالغة 30 حرفًا لأزرار الاختيار وسقف الـ 20 خيارًا.
  </Accordion>

  <Accordion title="نعم أو لا: استخدم أزرار الاختيار، وليس قائمة منسدلة">
    قائمة منسدلة بخيارين هي أسوأ حالة: أضيق حصة تسمية على أقصر قائمة ممكنة، وضغطتان للإجابة على سؤال يستحق واحدة.
  </Accordion>
</AccordionGroup>

## كتابة تسميات تناسب

WhatsApp Flow هو محادثة، وليس ورقة. تُقرأ التسميات القصيرة بشكل أفضل هنا حتى حيث توجد مساحة للمزيد.

| بدلاً من                          | جرب               |
| --------------------------------- | ----------------- |
| ما هي طريقة الاتصال المفضلة لديك؟ | طريقة الاتصال     |
| ما هي خدماتنا التي تهتم بها؟      | الخدمة            |
| ما هي ميزانيتك السنوية التقريبية؟ | الميزانية السنوية |
| يرجى تحديد تاريخ موعدك المفضل     | التاريخ المفضل    |

بعض القواعد التي تُبقي التسميات ضيقة دون فقدان المعنى:

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

## عندما يحتاج السؤال حقًا إلى أن يكون طويلاً

بعض الأسئلة لا يمكن اختصارها دون تغيير ما تسأل عنه. سؤال التأهيل، أو سؤال الموافقة، أو أي شيء بمتطلبات صياغة قانونية يحتاج إلى نصه الكامل.

لهذه، ضع السؤال فوق الحقل وأبقِ تسمية الحقل الحد الأدنى:

<Steps>
  <Step title="أضف عنصر نص غني">
    في محرر نموذج HubSpot، اسحب عنصر نص غني إلى مكانه وأدخل السؤال الكامل.
  </Step>

  <Step title="أضف الحقل تحته">
    ضع القائمة المنسدلة، أو مجموعة الراديو، أو حقل النص مباشرة أدناه.
  </Step>

  <Step title="أعطِ الحقل تسمية بحد أدنى">
    نقطة واحدة تعمل. السؤال موجود بالفعل فوقه، لذا فإن التسمية لا تفعل أي عمل.
  </Step>

  <Step title="كرر لكل سؤال طويل">
    بدّل بين النص الغني والحقل في النموذج بحيث يبقى النمط متسقًا.
  </Step>
</Steps>

النتيجة تُقرأ كسؤال مع تحكم إجابة تحته، وهو ما يتوقعه العملاء، ويتم تقديمها بشكل متطابق على كل جهاز لأن النص الغني لا يحتوي على قيود طول.

<Warning>
  استخدم هذا النمط فقط حيث تحتاجه. كل عنصر نص غني هو مكوّن إضافي، وتحتفظ الشاشة بحد أقصى 50. في النماذج الكبيرة جدًا، يحتفظ Flowella بكل مدخل ويسقط كتل النص الغني من نهاية الشاشة للبقاء تحت سقف Meta، لذا قد لا تظهر بعض نسخ الأسئلة على الشاشة. مزج النمط في نموذج حيث تكون معظم التسميات قصيرة بالفعل يجعل التخطيط يبدو أيضًا غير متساوٍ.
</Warning>

<Note>
  إذا كانت لديك بالفعل نماذج HubSpot تستخدم هذا النمط، **أعد المزامنة** من [صفحة تفاصيل التدفقات](/ar/app/flows#form-detail) لنشر نسخة النص الغني إلى Meta. التقطت عمليات المزامنة قبل هذا التغيير فقط تسميات الحقول، لذا كانت نسخة السؤال مفقودة من التدفق.
</Note>

## كم عدد الأسئلة التي يجب طرحها

ينخفض الإكمال بشكل حاد مع طول النماذج، وWhatsApp سطح أقل صبرًا من صفحة ويب.

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

راجع [التقاط العملاء المحتملين والتأهيل](/ar/hubspot/workflows/lead-capture-qualify) للحصول على مثال معالج لنمط النموذجين.

## قبل المزامنة

<Steps>
  <Step title="اقرأ كل تسمية كما ستظهر">
    عد الأحرف على تسميات القوائم المنسدلة وحقول النصوص. أي شيء يزيد عن 20 معرض للخطر.
  </Step>

  <Step title="تحقق من أنواع حقولك">
    أي قائمة منسدلة بأقل من ثمانية خيارات هي مرشحة لأزرار الاختيار.
  </Step>

  <Step title="زامن النموذج وافتحه في Meta">
    من صفحة تفاصيل [التدفقات](/ar/app/flows)، زامن التدفق وافتحه في Meta Business Suite. تعرض معاينة أداة بناء التدفق التسميات التي من المحتمل أن تُختصر.
  </Step>

  <Step title="أرسله إلى iPhone حقيقي">
    معاينة أداة البناء هي دليل. الجهاز هو الاختبار الحقيقي الوحيد، وiPhone هو الأكثر صرامة.
  </Step>

  <Step title="تحقق من WhatsApp Web إذا كان جمهورك يستخدمه">
    تُقدَّم عناصر التحكم بشكل مختلف على الكمبيوتر المحمول. راجع [WhatsApp Web والكمبيوتر المكتبي](/ar/app/whatsapp-web-desktop).
  </Step>
</Steps>

## ذات صلة

<CardGroup cols={2}>
  <Card title="التدفقات" icon="file-text" href="/ar/app/flows">
    زامن نماذج HubSpot الخاصة بك إلى WhatsApp Flows وتحقق من حالتها.
  </Card>

  <Card title="WhatsApp Web والكمبيوتر المكتبي" icon="monitor" href="/ar/app/whatsapp-web-desktop">
    كيف تُقدَّم التدفقات عندما يرد العملاء من كمبيوتر محمول.
  </Card>

  <Card title="أدلة سير العمل" icon="book-open" href="/ar/hubspot/workflow-guides">
    وصفات شاملة تضع هذه الأنماط للعمل.
  </Card>

  <Card title="فشل مزامنة HubSpot" icon="bug" href="/ar/troubleshooting/hubspot-sync-failures">
    شخّص النماذج التي لن تتم مزامنتها أو الإرسالات التي لا تصل أبدًا.
  </Card>
</CardGroup>

تنشر Meta القيود الأساسية في وثائقها الخاصة. للحصول على المرجع الكامل للمكوّنات، راجع [مكوّنات WhatsApp Flows](https://developers.facebook.com/documentation/business-messaging/whatsapp/flows/guides/components)، ولإرشادات تصميم Meta راجع [أفضل ممارسات التدفقات](https://developers.facebook.com/documentation/business-messaging/whatsapp/flows/guides/bestpractices).