100%من 27 متجرًا مدققًا ترسب في هذا
نموذج الدفع يدعم الإكمال التلقائي لبيانات البطاقة في متصفح الجوال
يستطيع iOS وAndroid تعبئة بطاقة محفوظة بلمسة واحدة عندما تكون الحقول موسومة بشكل صحيح. ومن دون ذلك يكتب المشتري 16 رقمًا وتاريخ الانتهاء ورمز CVV يدويًا، وكثيرون يتخلّون عن الشراء.
- ■عيّن `autocomplete="cc-number"` على حقل رقم البطاقة، و`cc-exp` على تاريخ الانتهاء، و`cc-csc` على رمز CVV، و`cc-name` على اسم حامل البطاقة.
- ■لا تستخدم `autocomplete="off"` أبدًا في حقول الدفع.
- ■إذا كنت تستخدم Stripe Elements أو حقول البطاقة المدمجة في Shopify، فهذه السمات مضبوطة مسبقًا. أما إذا بنيت النموذج بنفسك، فأضفها.
كيف نفحصها، ومن ينجح فيها ›97%من 37 متجرًا مدققًا ترسب في هذا
حقل واحد للاسم الكامل (لا اسم أول + اسم عائلة)
الحقلان يعنيان لمستين وانتقالين بين الحقول على الجوال. وتُظهر أبحاث Baymard أن حقلًا واحدًا للاسم الكامل يرفع نسبة إتمام الشراء بفارق يمكن قياسه، خصوصًا على الهواتف.
- ■ضع حقل إدخال واحدًا بعنوان «الاسم الكامل» مكان حقلَي الاسم.
- ■عيّن autocomplete="name" لتملأه المتصفحات ومديرو كلمات المرور تلقائيًا بخطوة واحدة.
- ■لا تقسم الاسم إلى اسم أول واسم عائلة إلا إذا كان نظام آخر يعتمد عليه طلبك بعد الشراء (كنظام الشحن أو المحاسبة) يتطلبهما منفصلين فعلًا، وعندها قسّمه على الخادم لا في واجهة النموذج.
كيف نفحصها، ومن ينجح فيها ›97%من 36 متجرًا مدققًا ترسب في هذا
خيار «عنوان الفوترة هو نفسه عنوان الشحن» محدد افتراضيًا
في معظم الطلبات يتطابق عنوان الفوترة مع عنوان الشحن. وإجبار المشتري على إعادة إدخال عنوانه عمل مكرر ومصدر شائع للأخطاء المطبعية.
- ■أضف مربع اختيار فوق عنوان الفوترة: «عنوان الفوترة هو عنوان الشحن نفسه».
- ■اجعل المربع محددًا افتراضيًا، ولا تُظهر نموذج عنوان الفوترة إلا عندما يلغي المشتري تحديده.
- ■واعرض عنوان الشحن ملخصًا للقراءة فقط، ليتأكد منه المشتري بنظرة.
كيف نفحصها، ومن ينجح فيها ›95%من 37 متجرًا مدققًا ترسب في هذا
سمات الإكمال التلقائي مضبوطة كما ينبغي (given-name وfamily-name وcc-number وغيرها)
يشترط WCAG 2.2 وجود autocomplete في حقول المعلومات الشخصية لأغراض إمكانية الوصول. وإلى جانب الالتزام بالمعيار، يجعل الملء التلقائي الصحيح إتمام الشراء مسألة لمستين للمشتري العائد، وهذا مكسب كبير للتحويل على الجوال.
- ■أضف سمة `autocomplete` الصحيحة لكل حقل: `given-name` و`family-name` و`email` و`tel` و`street-address` و`address-line1` و`address-line2` و`postal-code` و`country`.
- ■لا تضبط `autocomplete="off"` أبدًا على حقول المعلومات الشخصية. بعض المتصفحات تتجاهلها على أي حال؛ والتي تحترمها تعطّل الملء التلقائي لدى مشتريك.
- ■لحقول الدفع، استخدم `cc-number` و`cc-exp` و`cc-csc` و`cc-name`. انظر ملاحظة الملء التلقائي للبطاقة على الجوال أدناه.
كيف نفحصها، ومن ينجح فيها ›94%من 36 متجرًا مدققًا ترسب في هذا
موعد التوصيل المتوقع معروض قبل تأكيد الطلب
موعد التسليم كثيرًا ما يكون العامل الحاسم بين متجرين. فإذا أخبر منافسك المشتري «يصل يوم الثلاثاء» ولم تقل أنت شيئًا، فستخسر البيع، وخصوصًا في الهدايا.
- ■اعرض تاريخ التسليم المتوقع في ملخص الطلب قبل زر الدفع.
- ■إذا كان المشتري يختار طريقة الشحن (عادي أو سريع)، فاعرض موعد الوصول لكل خيار ليوازن بين التكلفة والسرعة.
- ■كرّر التاريخ في شاشة تأكيد الطلب وفي رسالة البريد الإلكتروني، ليعرف المشتري بوضوح متى يصله طلبه.
كيف نفحصها، ومن ينجح فيها ›92%من 36 متجرًا مدققًا ترسب في هذا
الإكمال التلقائي للعنوان (Google / Loqate) موجود
الإكمال التلقائي للعنوان يختصر وقت إدخال العنوان إلى النصف تقريبًا على الجوال، ويقلّل حالات فشل التسليم الناتجة عن الأخطاء المطبعية. كما يمنح المتجر طابعًا احترافيًا يلاحظه المشترون.
- ■أضف Google Places Autocomplete (وحدود باقته المجانية مرتفعة) أو Loqate/SmartyStreets إذا كنت تشحن إلى دول أخرى.
- ■لمتاجر Shopify: فعّل Shop Pay، أو إضافة الإكمال التلقائي في إتمام الشراء ضمن Shopify Plus.
- ■بعد أن يملأ الإكمال التلقائي العنوان، اعرضه ملخصًا مع زر «تعديل» بدلًا من النموذج الكامل، فتبدو الصفحة أبسط ويتأكد المشتري من عنوانه بنظرة واحدة.
كيف نفحصها، ومن ينجح فيها ›