# التجارة الإلكترونية الجاهزة للاستخدام، بعد عقد من الزمن

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

Ryan Badger - 9 ديسمبر 2015 - القراءة في 2 دقيقة

## ما كانت تقوله هذه المقالة

في ديسمبر 2015 كانت "التجارة الإلكترونية الجاهزة للاستخدام" ميزة جديدة تمامًا. الفكرة: الصق وسم script واحدًا في موقعك الحالي فيظهر كتالوج المنتجات. وكان كود التضمين الأصلي كتلة JSON من أربعين حقلًا تنسخها من لوحة التحكم. قابلة للتخصيص، لكنها *كثيرة* على القراءة.

كانت تلك هي المقالة كلها، قبل عقد من الزمن.

## ما الذي تغيّر

لم يعد التضمين ميزة. صار المنتج كله. ما زال Shoprocket "سكربتًا تلصقه في أي موقع"، لكن البنية التي تحته لا تُشبه مقطع 2015 في شيء. تغيّر أمران كبيران.

### صار المقطع أقصر

كان مقطع 2015 يحوّل كل تفضيل بصري إلى JSON لحظة اللصق: لون الزر، والحشو، وترتيب المنتجات، وأبعاد الصور، وإظهار شارة "شحن مجاني" من عدمه، وثلاثين مفتاحًا آخر. كل ذلك يعيش الآن على الخادم، ويُضبط مرة واحدة في لوحة التحكم. أما التضمين نفسه فمجرد معرّف.

**آنذاك (2015):**

```
<script type="application/json">
{"store_id":"1","publishable_key":"1","options":{
  "products_to_display":"categorized",
  "product_size":"medium",
  "image_width":"1126",
  "image_height":"1400",
  "button_style":"standard",
  "product_pagination_limit":"6"
  /* …thirty more fields… */
},"styles":{
  "button_background":"#233642",
  "button_color":"#ffffff"
  /* …and so on… */
}}
</script>
<script async src="https://cdn.shoprocket.io/loader.js"></script>
```

**الآن (2026):**

```
<!-- EXAMPLE ONLY. Grab your real snippet from Sales channels → Embeds in your dashboard -->
<script src="https://cdn.shoprocket.io/loader.js" data-pk="pk_yourkey"></script>
<div data-shoprocket="catalog" data-embed-id="emb_xxx"></div>
```

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

### انتقل الإعداد إلى لوحة التحكم

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

> **نصيحة:** إن احتجت فعلًا إلى تخصيص لكل موقع (متجر واحد بعدة قوالب بصرية)، فالأداة تدعم `data-sr-theme="handle"` لتثبيت التضمين على قالب محفوظ بعينه. مقطع مختلف لكل موقع، ومتجر واحد خلفها جميعًا.

## ما يفعله التضمين اليوم

- **أي موقع.** WordPress وSquarespace وWebflow وFramer وCarrd وNotion وHTML العادي والمواقع الثابتة. إن كنت تستطيع لصق وسم script فبإمكانك امتلاك متجر.
- **أي واجهة.** زر شراء واحد، أو شبكة منتجات، أو سلة منزلقة، أو متجر كامل. سكربت واحد وأربعة أنواع من `data-sr-type`.
- **صفر رسوم معاملات.** يعتمد على الاشتراك ([اطّلع على الأسعار](https://v3.shoprocket.io/ar/pricing.md))؛ تأخذ Stripe وPayPal عمولتهما المعتادة على الدفع نفسه، لكن Shoprocket لا يأخذ شيئًا فوقها.
- **أي لغة.** تكتشف الأداة لغة الزائر تلقائيًا بين 21 لغة وتعرّب الأسعار وطرق الدفع والتسميات.

## الشيء الوحيد الذي لم يتغيّر

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

إن لم تجرّب النسخة الحالية بعد، فـ [ابدأ تجربة مجانية](https://app-v3.shoprocket.io/signup). الإعداد يستغرق أقل من خمس دقائق.

---

- HTML version: https://v3.shoprocket.io/ar/blog/out-of-the-box-ecommerce-a-decade-later
- Language: العربية (ar)
- Also in: [Deutsch](https://v3.shoprocket.io/de/blog/ecommerce-out-of-the-box-ein-jahrzehnt-spaeter.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/out-of-the-box-ecommerce-a-decade-later.md), [English](https://v3.shoprocket.io/blog/out-of-the-box-ecommerce-a-decade-later.md), [Español](https://v3.shoprocket.io/es/blog/ecommerce-listo-para-usar-una-decada-despues.md), [Français](https://v3.shoprocket.io/fr/blog/ecommerce-cle-en-main-dix-ans-apres.md), [עברית](https://v3.shoprocket.io/he/blog/out-of-the-box-ecommerce-a-decade-later.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/out-of-the-box-ecommerce-a-decade-later.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/ecommerce-siap-pakai-satu-dekade-kemudian.md), [Italiano](https://v3.shoprocket.io/it/blog/ecommerce-pronto-all-uso-dieci-anni-dopo.md), [日本語](https://v3.shoprocket.io/ja/blog/out-of-the-box-ecommerce-a-decade-later.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/e-komercija-is-dezes-po-desimtmecio.md), [Norsk](https://v3.shoprocket.io/nb/blogg/nettbutikk-ut-av-boksen-ti-ar-etter.md), [Nederlands](https://v3.shoprocket.io/nl/blog/out-of-the-box-ecommerce-tien-jaar-later.md), [Polski](https://v3.shoprocket.io/pl/blog/ecommerce-z-pudelka-dekade-pozniej.md), [Português](https://v3.shoprocket.io/pt/blog/ecommerce-pronto-para-usar-uma-decada-depois.md), [Română](https://v3.shoprocket.io/ro/blog/ecommerce-gata-de-utilizare-un-deceniu-mai-tarziu.md), [Русский](https://v3.shoprocket.io/ru/blog/out-of-the-box-ecommerce-a-decade-later.md), [ไทย](https://v3.shoprocket.io/th/blog/out-of-the-box-ecommerce-a-decade-later.md), [Türkçe](https://v3.shoprocket.io/tr/blog/hazir-kutudan-eticaret-on-yil-sonra.md), [中文](https://v3.shoprocket.io/zh/blog/out-of-the-box-ecommerce-a-decade-later.md)