تثبيت JS Web SDK¶

البداية¶

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

المتطلبات¶

حساب في Shrinkit.me — إذا ما عندك حساب سجّل من هنا
معرّف المتجر (Store ID) ومفتاح API، وتلقاهما في إعدادات المتجر ← مفتاح API
نزّل ملف firebase-messaging-sw.js وضعه في المجلد الجذر لموقعك (مثلًا public/firebase-messaging-sw.js).

مهم

ملف firebase-messaging-sw.js ضروري عشان تشتغل إشعارات المتصفح.

التثبيت على موقع متعدد الصفحات¶

أضف الكود التالي داخل وسم head في صفحات موقعك:

<script src="https://cdn.appgain.io/docs/appgain/appgainSdk/websdk/shrinkit.min.js"></script>

<script>
  const shrinkitConfig = {
    projectId: "<Your Project ID>",
    apiKey: "<Your API Key>",
    websiteName: "<Your Website Name (Optional)>",
    userId: "<Your User ID (Optional)>",
    useCustomModal: true, // Optional - defaults to false

    // custom modal config
    title: "Modal Title", // Optional
    description: "Modal Description", // Optional
    yesButton: "YES", // Optional
    noButton: "NO", // Optional
    modalLanguage: "en", // Optional [en, ar] - defaults to en
    modalImage: "https://placehold.co/600x400/png", // Optional
  };

  Shrinkit.init(shrinkitConfig)
    .then((response) => {
      console.log("Shrinkit SDK initialized successfully", response);
    })
    .catch((error) => {
      console.log("Shrinkit SDK initialization failed", error);
    });
</script>

تهيئة الحزمة¶

<script src="https://cdn.appgain.io/docs/appgain/appgainSdk/websdk/shrinkit.min.js"></script>

const shrinkitConfig = {
  projectId: "<Your Project ID>",
  apiKey: "<Your API Key>",
  websiteName: "<Your Website Name (Optional)>",
  userId: "<Your User ID (Optional)>",
  useCustomModal: true, // Optional - defaults to false

  // custom modal config
  title: "Modal Title", // Optional
  description: "Modal Description", // Optional
  yesButton: "YES", // Optional
  noButton: "NO", // Optional
  modalLanguage: "en", // Optional [en, ar] - defaults to en
  modalImage: "https://placehold.co/600x400/png", // Optional
};

try {
  await Shrinkit.init(shrinkitConfig);
  console.log("Shrinkit SDK initialized successfully");
} catch (error) {
  console.log("Shrinkit SDK initialization failed", error);
}

أضف firebase-messaging-sw.js إلى المجلد الجذر لموقعك (مثلًا public/firebase-messaging-sw.js).

ملاحظة

ملف firebase-messaging-sw.js ضروري عشان تشتغل إشعارات المتصفح.

مواضيع ذات صلة¶

ثبّت Shrinkit على متجرك¶

Shrinkit يشتغل مع سلة وزد وشوبيفاي. ثبّت التطبيق على متجرك، وطلباتك وسلاتك ومنتجاتك وعملاؤك تظهر في لوحة التحكم تلقائيًا — بدون برمجة وبدون استيراد بيانات.

ثبّت على سلة ثبّت على زد ثبّت على شوبيفاي

متجرك على منصة ثانية؟ كلّمنا على واتساب.