اعرف المزيد

تكامل التجارة الإلكترونية - من التصميم إلى الطلب

ضمّن Alter Product في موقعك: WordPress + WooCommerce أو API

أضف عرض المنتجات ثلاثي الأبعاد وإعداد المتغيرات وتخصيص المنتجات إلى موقعك. يشاهد العميل المنتج ويختار الخيارات ويجهّز التصميم داخل متجرك، بينما تدير أنت الكتالوج والطلبات في نظامك.

اختر إضافة WordPress مع تثبيت WooCommerce لإكمال الإعداد دون كتابة كود التكامل. وإذا كنت تطوّر موقعك أو متجرك الخاص، فاربط الأدوات المضمّنة بالخادم الخلفي وسلة التسوق عبر Public API وأحداث postMessage.

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

هل تبحث عن تعليمات تفصيلية لتثبيت الإضافة؟افتح وثائق WordPress + WooCommerce للاطلاع على المتطلبات والروابط الدائمة وAuto Connect واستكشاف الأخطاء.

طريقتان لإنشاء متجرك مع تخصيص المنتجات

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

الإضافة أم تكامل مخصص؟

توفّر الإضافة وظائف جاهزة لـ WordPress وWooCommerce. وتتيح API بناء اتصال مخصص بمنصة أخرى أو تطبيق headless أو نظام قائم لإدارة الطلبات.

ما الذي يوفّره التكامل وما الذي تبنيه بنفسك
المجالWordPress + WooCommerceنظامك الخاص عبر API
البدءتثبيت الإضافة ومعالج الاتصال في لوحة WordPress.تنفيذ الاتصال في الخادم الخلفي والتضمين في الموقع.
المنتجات والمتغيراتربط التصميم بمنتج WooCommerce ومزامنة المتغيرات.ربط معرّفات المنتجات والخيارات ببيانات متجرك.
السلة والطلباتإدارة جاهزة للتكوين وتصميم العميل والمعاينات في WooCommerce.معالجة أحداث الأداة المضمّنة ومزامنة الطلبات في نظامك.
الملفات والأصولالمكتبة المحلية والتصاميم وملفات الطلبات على خادم WordPress.تخزين البيانات والوصول إليها وفق وضع التكامل المختار. ويتطلب استخدام التخزين الخاص بك تنفيذ إدارته من جانبك.

ما الأداة التي تتيحها للعميل؟

اختر الأداة وفق ما يحتاج العميل إلى فعله في الموقع. جهّز التصميم وقواعد التخصيص مسبقًا في Designer.

Viewer: شاهد المنتج

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

Configurator: اختر المتغير

اختيار خيارات المنتج المعدّة مسبقًا، مثل المقاس أو اللون أو الخامة. يرى العميل التغيير على النموذج ويرسل التكوين إلى السلة.

Customizer: صمّم طباعتك الخاصة

تخصيص المنتج باستخدام الأدوات والرسومات والنصوص والقوالب التي تتيحها. يرتبط تصميم العميل المحفوظ بعنصر في السلة أو الطلب.

Designer: جهّز منتجاتك

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

WordPress + WooCommerce: من التثبيت إلى منتج جاهز

Alter Product إضافة لـ WordPress. يتطلب تكامل المتجر تثبيت WooCommerce وتفعيله. تنفّذ الإعداد المعتاد في اللوحة دون بناء إدارة خاصة لـ API وسلة التسوق.

المتطلبات: WordPress وWooCommerce وHTTPS وخطة Business

يتطلب تضمين Alter Product في موقعك اشتراك Business نشطًا أو خطة أعلى تشمل هذه الميزة. ينطبق ذلك على إضافة WordPress + WooCommerce وعلى التكامل المخصص عبر API. لا تشمل خطتا Personal FREE وPersonal التضمين في متجرك.

عند استخدام الإضافة، جهّز WordPress مع WooCommerce مثبتًا ومفعّلًا وحساب Alter Product. تخزين الملفات على استضافتك لا يحل محل الاشتراك المطلوب: يظل Alter Product يوفّر التطبيق ويصرّح بتشغيله.

  • شغّل المتجر عبر HTTPS بشهادة SSL/TLS صالحة لنطاقه. هذا مطلوب لعمل الأدوات المضمّنة بصورة صحيحة على موقع عام.
  • فعّل الروابط الدائمة المحسّنة في WordPress وفق تعليمات التثبيت.
  • وفّر مساحة على الاستضافة للنماذج والرسومات والتصاميم وملفات الطلبات. تستخدم مكتبة المتجر موارد خادمك.

لماذا تحتاج إلى HTTPS وشهادة SSL/TLS؟

يعمل Alter Product داخل إطار iframe مضمّن في صفحة المتجر. تقيّد المتصفحات الوصول إلى بعض الميزات التي يستخدمها التطبيق إذا لم توفّر الصفحة سياقًا آمنًا. يشفّر HTTPS الاتصال، وتتيح الشهادة الصالحة للمتصفح التحقق من النطاق.

يتحقق المتصفح أيضًا من الصفحة التي تحتوي على iframe. لذلك لا يكفي أن يكون عنوان تطبيق Alter Product عبر HTTPS إذا كان المتجر يعمل عبر HTTP. يجب أن تستخدم صفحتك التي تضمّن الأداة HTTPS أيضًا. وهذا ناتج عن قواعد أمان المتصفحات للتطبيقات المضمّنة.

  1. فعّل شهادة SSL/TLS لدى مزوّد الاستضافة وتحقق من صلاحيتها لنطاق المتجر.
  2. اضبط عناوين موقع WordPress ونطاق التكامل على HTTPS. وفعّل إعادة التوجيه من HTTP إلى HTTPS.
  3. افتح صفحة المنتج عبر HTTPS وتحقق من عدم وجود تحذيرات بشأن الشهادة أو موارد تُحمّل عبر HTTP.

اربط متجرك عبر Auto Connect

يرشدك الاتصال التلقائي خلال تفويض حساب Alter Product وإعداد المتجر. لا تحتاج إلى نقل مفاتيح API يدويًا عند استخدام هذه الطريقة.

  1. في WordPress انتقل إلى إضافات → أضف جديدًا، وابحث عن Alter Product، ثم ثبّت الإضافة وفعّلها.
  2. افتح لوحة Alter Product واختر Auto Connect. سجّل الدخول إلى حساب Alter Product الصحيح، وتحقق من المتجر ووافق على الاتصال.
  3. عُد إلى WordPress. اختر نموذجًا للبدء ونزّل الأصول المطلوبة. انتظر اكتمال التنزيل وفحوص الجاهزية.
  4. تحقق من صفحات الأدوات التي أُنشئت وإعدادات العرض، ثم انتقل إلى تجهيز المنتج.
شاشة Connect Alter Product في لوحة WordPress مع زر Auto connect
تبدأ ربط الحساب من لوحة WordPress. تعرض هذه اللقطة من عرض التكامل خيار الاتصال التلقائي.

اربط التصميم وزامن المتغيرات

في محرر منتج WooCommerce، افتح تبويب Alter Product. أنشئ تصميمًا جديدًا أو اختر تصميمًا قائمًا، ثم افتح Designer. اضبط الطباعة والخيارات المتاحة ومناطق الطباعة لهذا المنتج.

  1. للمنتج المتغير، جهّز السمات مثل المقاسات ومتغيرات WooCommerce المناسبة.
  2. في Designer، استخدم Sync variants لربط خيارات التصميم بمتغيرات المنتج. تحقق أيضًا من الاختيارات الافتراضية التي ليست سمات للمتغير في WooCommerce.
  3. احفظ التصميم والمنتج. اختر الأداة التي تظهر على الصفحة وطريقة فتحها.
  4. تحقق من النتيجة في صفحة المنتج: اختر بعض المتغيرات وجهّز تصميمًا وانتقل إلى السلة.
Designer مفتوح من منتج WooCommerce ونافذة Sync variants مع إعدادات الخامة وطريقة الطباعة
تربط المزامنة متغيرات منتج WooCommerce بخيارات التصميم. تعرض اللقطة اختيار الإعدادات الافتراضية قبل تأكيد Sync.

مكتبتك على خادم WordPress

تخزّن النماذج والتصاميم والرسومات وملفات الطلبات على الاستضافة التي يعمل عليها WordPress. الأصول المضافة محليًا تخدم متجرك، ولا تصبح بذلك عناصر في مكتبة Alter Product العامة للمتاجر الأخرى.

ما الذي يُخزّن محليًا؟

تحفظ الإضافة ملفات النماذج والمكتبات والتصاميم والـ mockups والطلبات في مساحة WordPress. وتُحفظ بيانات مشاريع المولّد ومراجعاتها أيضًا في قاعدة بيانات هذا التثبيت.

يمكنك إضافة موادك واستيراد أصول مختارة من Alter Product. بعد التنزيل تستخدم نسخة محلية. الاستيراد والتحقق من التحديثات وتنزيل الإصدارات الجديدة عمليات منفصلة.

أين تجهّز المواد التي يحتاج إليها متجرك
المكان في اللوحةما الذي تفعله هناك
الأصولتدير النماذج والرسومات والقوالب والخلفيات والشعارات والأنسجة والبيئات وغيرها. تختلف طرق الإضافة المتاحة بحسب نوع الأصل.
مولّد النماذجتنشئ مشاريع محلية من القوالب وتعمل على النماذج المرتبطة بالمولّد.
تصاميم المنتجات / Designerتجهّز تصميمًا أو تستورده، ثم تعدّله وتربطه بمنتج في المتجر.
طلبات WooCommerceتستخدم تصاميم العملاء المحفوظة والمعاينات والملفات اللازمة لتنفيذ الطلب.
لوحة أصول Alter Product في WordPress مع مكتبة النماذج وخيارات الاستيراد
تدير مكتبة المتجر من لوحة WordPress. وتستخدم الأصول المستوردة وموادك الخاصة في المشاريع المحلية.

أنت تختار ما يظهر ضمن منتجاتك وأدوات العميل

تدير المكتبة والتصاميم في لوحة WordPress بالصلاحيات المناسبة. يستخدم العملاء الأدوات والمواد المتاحة في متجرك دون الوصول إلى التحرير الإداري للمكتبة.

تقرر أي تصميم تربطه بالمنتج، وأين تعرض الأداة المضمّنة، وما خيارات التخصيص التي تتيحها. تحقق أيضًا من الأصول المتاحة في مكتبة Customizer المضمّن. بعد ربط التصميم، قد يكون التضمين مفعّلًا افتراضيًا في صفحة المنتج؛ وتتحكم في عرضه من إعدادات المنتج.

ملفات محلية وتطبيق Alter Product مضمّن

تخزّن الأصول لديك، بينما تُحمّل واجهة الأدوات من Alter Product داخل iframe. تتحقق خدمة Alter Product من وصول الحساب والخطة والجلسات وتوفّر كتالوج الاستيراد. يتطلب التكامل الاتصال بهذه الخدمة.

احتفظ في النسخ الاحتياطية بقاعدة البيانات ومجلد الملفات ومفاتيح WordPress وقيم salt اللازمة لقراءة بيانات الإضافة المشفّرة. يتيح ذلك استعادة الرسومات الظاهرة والبيانات اللازمة لمواصلة العمل أيضًا.

التخصيص على موقع علامتك التجارية

يمكن أن يكون التضمين جزءًا من صفحة المنتج أو صفحة WordPress مستقلة. يبقى العميل ضمن مسار الشراء في متجرك، بينما يتولى WooCommerce السلة والطلب.

صفحة المنتج أو صفحة الأداة أو كتلة

اختر طريقة العرض المناسبة لتخطيط المتجر: أداة داخل صفحة المنتج، أو زر ينقل إلى صفحة مخصصة، أو تضمين عبر الكتل والأكواد القصيرة المتاحة. تؤدي أدوات Viewer وConfigurator وCustomizer أدوارًا مختلفة، فلا يلزم إتاحتها جميعًا في الوقت نفسه.

  • اعرض Viewer حيث يحتاج العميل إلى مشاهدة نموذج المنتج.
  • استخدم Configurator عند بيع متغيرات وخيارات معدّة مسبقًا.
  • اختر Customizer عندما يحتاج العميل إلى إضافة نص أو صورة أو تغيير تكوين الطباعة.
Customizer مضمّن في صفحة متجر مع تحرير نص على قميص وزر السلة
يخصّص العميل المنتج داخل الأداة المضمّنة. تعرض اللقطة تحرير النص ومنظور النموذج ثلاثي الأبعاد ومنطقة الطباعة ثنائية الأبعاد.

خلفياتك وشعارك ولغتك

كيّف عرض المنتج مع علامتك التجارية. تدير في الإضافة الخلفيات والشعارات المحلية وإعدادات مظهر الأدوات المضمّنة. يعتمد توفر الخيارات الفردية على الخطة.

  • تساعد خلفية المشهد وألوان الواجهة ومظهر التصميم المُعدّ على الحفاظ على التناسق مع المتجر.
  • يدعم التطبيق والإضافة 22 لغة. تضبط لغة لوحة WordPress لكل مستخدم، ولغة الموقع في إعداداته.
  • تجهّز أسماء المنتجات ومحتوى الطباعة ووصف المنتجات بلغات عملائك. دعم لغة الواجهة لا يعني ترجمة محتوى المتجر تلقائيًا.

من تصميم العميل إلى عنصر الطلب

يختار العميل المتغير ويجهّز التخصيص. تربط الإضافة التكوين والتصميم المحفوظ بعنصر السلة، ثم بطلب WooCommerce. تساعد الـ mockups المتاحة على تمييز الطباعة المطلوبة.

  1. يفتح العميل المنتج أو الأداة المرتبطة به ويختار الخيارات.
  2. عند التخصيص، يحفظ التصميم ويضيف المنتج إلى السلة.
  3. يراجع في السلة المنتج والتكوين ومعاينة التصميم المتاحة، ثم يكمل الدفع عبر WooCommerce.
  4. يفتح المالك التصميم المحفوظ من لوحة الطلب ويجهّز تنفيذه.

تنفيذ الطلبات وPOD وAI الاختياري

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

اربط Printify أو Printful

اضبط الاتصال بالمزوّد المختار في إعدادات الإضافة. ثم اربط المنتج والمتغيرات ومواضع الطباعة بكتالوج المزوّد، وجهّز الملفات وأرسل طلب WooCommerce للتنفيذ.

PrintifyPrintful
  • طابق مناطق الطباعة وصيغ الملفات مع المنتج والمزوّد المحددين.
  • تحقق من الملفات المُنشأة والمتغير المطلوب قبل الإرسال إلى الإنتاج.
  • حدّث حالات الطلبات وبيانات الشحنات في الإضافة.
  • إذا كنت تعتمد على إنتاجك الخاص، فنزّل ملفات PDF أو SVG أو PNG وفق إمكانات المشروع وإعدادات التصدير.

AI لإعداد الرسومات في لوحة المالك

يمكنك إعداد اتصالك الخاص بمزوّد AI واستخدام ميزات إنشاء الصور أو تحسينها أثناء العمل على التصميم. تنتقل طلبات الإضافة من WordPress إلى المزوّد المختار وتُحتسب على حسابك لدى ذلك المزوّد.

جلسات التضمين: الصلاحية واستخدام الحد

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

ما مدة صلاحية مفتاح الجلسة؟

عند تشغيل الأداة المضمّنة، يحصل التكامل على رمز قصير الأجل، أي مفتاح جلسة. تبقى بيانات الوصول الدائمة للحساب على الخادم. لا يحتاج العميل إلى نسخ المفاتيح أو تسجيل الدخول إلى حساب Alter Product الخاص بالمالك.

مدة صلاحية الرمز الافتراضية في التنفيذ الحالي هي 15 دقيقة. قد يحدد الخادم مدة مختلفة، لذا يستخدم التكامل وقت انتهاء الجلسة المستلمة. لا تمدّد إعادة استخدام الرمز وقت انتهاء صلاحيته. ويتطلب التفويض التالي بعد انتهاء الصلاحية جلسة جديدة.

هل يستهلك تحديث الصفحة جلسة أخرى؟

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

إجراءات العميل المعتادة وعدد الجلسات الصادرة
الحالةماذا يحدث للجلسة؟الأثر في الحد
فتح الأداة لأول مرة دون جلسة مطابقةيطلب التكامل رمزًا جديدًا للأداة وسياق المنتج المحددين.إصدار رمز جديد بنجاح يستهلك جلسة واحدة.
تدوير النموذج أو تغيير اللون أو تحرير النص داخل الأداة المفتوحةيستمر العمل ضمن الجلسة التي بدأت بالفعل.لا تعني هذه الإجراءات بذاتها إصدار رموز إضافية.
تحديث كامل للصفحة التي تحتوي على Viewer أو Configuratorتحصل الإضافة عادةً على رمز جديد بعد إعادة تحميل الصفحة. لا تُحفظ ذاكرة جلسة هذه الأدوات بين التحديثات الكاملة.إصدار رمز جديد بنجاح يستهلك جلسة إضافية.
تحديث Customizer في علامة التبويب نفسهايمكن لـ Customizer إعادة استخدام الجلسة المحفوظة إذا طابقت المتجر والمنتج والطلب ووضع العمل ولم تكن قريبة من انتهاء الصلاحية.إعادة الاستخدام لا تزيد العداد. إذا لم تتحقق الشروط، تلزم جلسة جديدة.
انتهاء الرمز أو الانتقال إلى منتج آخر أو تغيير سياق العملقد يلزم تفويض جديد ورمز جديد. كما يؤثر توفر تخزين المتصفح في إمكانية إعادة الاستخدام.يزيد الرمز الصادر حديثًا مقدار استخدام الحد.

كيف تحتسب الجلسات ضمن تكاليف متجرك وخطته؟

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

تتشارك الأدوات المضمّنة داخل المتجر نفسه الحد الشهري للجلسات. يُحسب العداد بصورة مستقلة لكل متجر حسب الأشهر التقويمية بتوقيت UTC. وتزيد جلسات Designer ومولّد النماذج المضمّنين الجديدة في لوحة WordPress هذا العداد أيضًا. تنزيل نموذج متاح عبر API الاستيراد وحده لا يفتح جلسة محرر.

بعد بلوغ الحد، يرفض النظام إصدار جلسات إضافية. هذا حد استخدام ضمن الاشتراك؛ راجع خطتك لمعرفة الحصة الحالية.

  • شغّل الأداة حيث يستخدمها العميل فعليًا. ويمكنك استخدام الصور العادية والـ mockups الجاهزة في قوائم المنتجات.
  • في تكامل API الخاص بك، تجنّب إنشاء جلسة جديدة عند كل إعادة عرض للمكوّن أو تغيير خيار. أعد استخدام الجلسة الصالحة ضمن سياقها المناسب فقط.
  • افصل التخطيط لحد الجلسات عن تكاليف تنفيذ POD وإنشاء صور AI، الناتجة عن استخدام تلك الخدمات الخارجية.

تكامل مخصص عبر API

هل لديك متجر مخصص أو تطبيق headless أو نظام طلبات خاص؟ يمكنك بناء طبقة تكامل باستخدام Public API من Alter Product وتضمين الأدوات المطلوبة في موقعك. يتطلب هذا المسار عملًا برمجيًا.

اربط Alter Product بالتقنية التي تستخدمها

تعتمد Public API على طلبات HTTP وبيانات JSON. لذلك يمكنك كتابة تكاملك بلغة وبيئة الخادم الخلفي لديك. لا تحتاج إلى إعادة بناء المتجر على WordPress لتضمين أدوات Alter Product.

فيما يلي أمثلة على تقنيات إنشاء الاتصال من جانب الخادم. تنفّذ في كل منها المراحل نفسها: تفويض API وإنشاء جلسة الأداة وربط المنتجات والسلة والطلبات بنظامك.

JavaScript وTypeScript / Node.js

أضف التكامل إلى خادم خلفي يعمل بـ Node.js، مثل Express أو NestJS. استدعِ API من الخادم وأرسل إلى الواجهة الأمامية البيانات اللازمة لتضمين الأداة.

Python

اربط تطبيق Python قائمًا، مثل Django أو FastAPI، بمنتجات Alter Product وجلساته وطلباته عبر طلبات HTTP.

PHP

استخدم PHP في متجر أو تطبيق مخصص، مثل Laravel أو Symfony. يمكنك إعداد تكامل API خاص مستقل عن إضافة WordPress الجاهزة.

Java

اربط الأدوات بخادم خلفي بلغة Java، مثل Spring، واربط بيانات التصاميم بكتالوج منتجاتك وإدارة الطلبات لديك.

C# / .NET

استخدم خادمًا خلفيًا بـ .NET، مثل ASP.NET Core، للتفويض وإنشاء الجلسات وتمرير البيانات إلى عمليات متجرك القائمة.

Go

جهّز الاتصال في خدمة مكتوبة بلغة Go. يتيح عميل HTTP القياسي معالجة طلبات API واستجابات JSON.

Ruby

أضف التكامل إلى تطبيق Ruby، مثل Ruby on Rails، واستخدم نموذجك الخاص للمنتجات والسلة وتنفيذ الطلبات.

Rust

اربط خادم Rust الخلفي بعميل HTTP ومعالجة JSON. يمكنك إدخال الجلسات وأحداث التسوق ضمن بنية خدماتك.

واجهة أمامية تلائم موقعك

في المتصفح، يمكنك استخدام React أو Vue أو Angular أو HTML وJavaScript العاديين. يناسب TypeScript تنفيذ الاتصال أيضًا. تضمّن الصفحة iframe وتعالج أحداث postMessage وتتصل بخادمك الخلفي.

تتولى الواجهة الأمامية مظهر الصفحة وتفاعلات السلة، بينما يتولى الخادم الخلفي استدعاءات Public API الموثّقة. في أطر العمل التي تجمع الطبقتين، مثل Next.js، ضع إدارة المفاتيح الدائمة وإنشاء الجلسات في الجزء الخاص بالخادم فقط.

يمكنك الاحتفاظ بعملية الدفع ونظام المدفوعات وCMS ومسار تنفيذ الطلبات لديك. أثناء التنفيذ، تربط هذه العناصر ببيانات التصميم وأحداث أداة Alter Product المختارة.

ReactVue.jsAngularJavaScriptTypeScript

ما الذي توفّره API وما الذي ينفّذه نظامك؟

يوفّر Alter Product الأدوات ثلاثية الأبعاد وبيانات التصاميم وآليات الجلسات. يربط خادمك الخلفي هذه العناصر بالمنتجات وحسابات العملاء والسلة وإدارة الطلبات. ويمكنك إنشاء نقاط نهاية وسيطة لواجهتك الأمامية دون كشف بيانات وصول Alter Product في المتصفح.

توزيع المسؤوليات في التكامل المخصص
الطبقةالمهمة
الواجهة الأمامية لموقعكتعرض iframe وتستجيب لرسائل الأداة وتحدّث واجهة المتجر.
خادمك الخلفييوثّق طلبات Public API وينشئ الجلسات ويتحكم في وصول العميل ويحفظ الارتباطات بالسلة أو الطلبات لديك.
Public API من Alter Productتوفّر وظائف الاتصال والمنتجات وروابط الأدوات والطلبات والوصول إلى الملفات والأصول.
الأداة المضمّنةتعرض النموذج وتتيح اختيار التكوين أو التخصيص وفق الوضع المختار والتصميم المُعدّ.
مثال على تكامل مخصص: محرر كود وCustomizer لتغليف منتج على الموقع
مثال لتطبيق ذي تكامل مخصص. راجع معلمات الجلسات والاتصال الحالية في وثائق API وpostMessage المرتبطة.

من التفويض إلى سلتك الخاصة

ابدأ بالاتصال وجلسة تضمين لمنتج واحد. ثم أضف معالجة التكوين وحفظ التصميم والطلبات بحسب الأداة المختارة.

  1. اضبط بيانات وصول API ونطاق المتجر. تحقق من الاتصال بطلب يُنفّذ في الخادم الخلفي.
  2. اربط منتج متجرك بتصميم وبأداة Alter Product المناسبة.
  3. ضمّن iframe وتعامل مع بدء الاتصال. أنشئ جلسة قصيرة الأجل على الخادم ومرّرها إلى الأداة وفق الوثائق.
  4. عالج حدث التكوين أو التخصيص واحفظ البيانات المطلوبة في سلتك.
  5. بعد الشراء، زامن الطلب والبيانات والملفات المطلوبة مع نظام التنفيذ لديك.

انتقل إلى تعليمات أداتك

تجد المعلمات والأمثلة في تعليمات التضمين. تشرح فصول postMessage الاتصال بالصفحة، وتصف وثائق API العمليات التي ينفّذها الخادم الخلفي.

اختبر المسار الكامل قبل بدء البيع

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

قائمة تحقق مختصرة

بعد إعداد منتج واحد، مرّ بجميع الخطوات. ثم طبّق طريقة الإعداد التي تحققت منها على بقية منتجات الكتالوج.

  • تحقق من وجود خطة Business نشطة أو أعلى، ومن عمل النطاق عبر HTTPS بشهادة SSL/TLS صالحة.
  • تحقق من ظهور صفحات الأدوات وربط التصميم وطريقة التضمين المختارة.
  • اختر مقاسات وألوانًا مختلفة. قارن خيارات التصميم بمتغيرات المتجر وأسعاره.
  • أضف نصًا أو رسمًا في Customizer، واحفظ التصميم وأضفه إلى السلة. اختبر أيضًا تعديل تخصيص أُضيف بالفعل.
  • تحقق من المعاينة والكمية والتكوين في السلة وبعد إنشاء طلب تجريبي.
  • افتح التصميم المرتبط بالطلب وتحقق من ملفات الطباعة المُنشأة. إذا كنت تستخدم POD، فاختبر أيضًا الربط بالمزوّد وإرسال الطلب ضمن عملية اختبار مضبوطة.
  • تحقق من المكتبة المتاحة للعميل واللغة والهوية البصرية وسلوك الصفحة على الهاتف.