Vercel Shop يصل إلى الإتاحة العامة (GA): واجهات متاجر Shopify تتعلم البيع لوكلاء الذكاء الاصطناعي

أعلنت Vercel إتاحة Vercel Shop للعموم، وهو قالب مفتوح المصدر لواجهة متجر على Next.js لمتاجر Shopify. وفي الوقت نفسه وصلت إلى الإتاحة العامة (GA) نسخة Hydrogen SDK المعاد كتابتها، وهي تعمل الآن مع حزم JavaScript المختلفة، لا مع إطار واحد فقط. والفكرة الأساسية بسيطة: الوكلاء يشترون عبر الويب بالفعل، لكنهم يستخدمون صفحات وأدوات صُمّمت للبشر ومحركات البحث. وترى Vercel وShopify أنه ينبغي التعامل مع الوكيل بوصفه مشتريًا كامل الصفة، ومنحه طبقة بيانات وإجراءات خاصة به. وتستشهد الشركتان بحالة PAIGE: فبعد إعادة بناء منصة التجارة الإلكترونية حققت العلامة +22% في الإيرادات و+76% في معدل التحويل خلال Black Friday وCyber Monday، دون أي توقف في العمل.

عنوان URL واحد للإنسان والوكيل

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

وتقوم الأساس على Hydrogen SDK، التي توفر الوصول إلى الكتالوج والسلة وإدارة الطلبات والمدفوعات وإتمام الشراء. وكانت Vercel وShopify قد أعلنتا في وقت سابق من هذا العام خطة لإعادة كتابة Hydrogen لتعمل مع أطر JavaScript المختلفة. وقد اكتمل ذلك الآن، وصارت SDK متاحة للعموم.

UCP وMCP: كيف يُكوّن الوكيل السلة

تتعلق الطبقة الثانية بالإجراءات. شاركت Shopify في تطوير Universal Commerce Protocol (UCP)، الذي يحدد طريقة قياسية يبحث بها الوكيل في الكتالوج، ويقرأ بطاقة المنتج، ويتحقق من التوافر، ويُكوّن السلة، ويحصل على رابط إتمام الشراء. ويتيح Vercel Shop هذه الإمكانات على نطاق التاجر نفسه. يتصل الوكيل عبر MCP، ويبحث عن المنتجات ويُكوّن السلة دون التنقل في الموقع.

وتحدث عن ذلك في Vercel Ship SF كل من توبي لوتكه وغييرمو راوتش. وأكد لوتكه أن عملية إتمام الشراء معقدة وتتطلب «20 عامًا من الصقل». ولذلك فإن Shopify منفتحة على أن يأخذ المطورون أجزاء من نظام إتمام الشراء لديها ويبنوا منها ما يشاؤون. ووصف راوتش القالب بأنه سريع ومصمم جيدًا وجاهز للعمل مع الوكلاء.

ما الذي يتضمنه القالب

• واجهة متجر على Next.js فوق كتالوج Shopify وسلتها وإتمام الشراء فيها.
• بطاقات منتجات مقروءة آليًا: السعر والتوافر والخيارات.
• بيانات منظمة وsitemap لمحركات البحث ومحركات الإجابة.
• أدوات للوكلاء وفق UCP، متاحة عبر MCP على نطاق التاجر.
• مساعد مدمج مبني على eve يجد المنتجات ويضيفها إلى السلة.
• سلة موحدة للواجهة التقليدية والمساعد.
• مهارات (Skills) لوكلاء البرمجة: تساعد في إعداد القالب وتخصيصه وتحديثه.

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

كيف تجرّبه

أول مثال حي هو متجر المنتجات الترويجية vercel.store الذي يطرح إصدارات محدودة. بُني المتجر على Vercel Shop، ويقوم وكيل التسوق فيه باختيار المنتجات وإضافتها إلى السلة وإرشاد المشتري إلى إتمام الطلب. أما الجمع بين Shopify وNext.js وVercel فيعمل بالفعل لدى AG1 وBombas وPAIGE.

يكفي للبدء أمر واحد:

`pnpm create next-app@latest my-store --example https://github.com/vercel/shop`

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