# आउट-ऑफ़-द-बॉक्स ईकॉमर्स, एक दशक बाद

> दिसंबर 2015 में यह एम्बेड बिल्कुल नया फ़ीचर था। आज यही पूरा प्रोडक्ट है। 2015 के मूल स्निपेट, 2026 के आधुनिक संस्करण और असल में क्या बदला, इस पर एक छोटी समीक्षा।

Ryan Badger - 9 दिसंबर 2015 - 2 मिनट में पढ़ें

## इस पोस्ट में पहले क्या लिखा था

दिसंबर 2015 में "Out of the Box eCommerce" एक बिल्कुल नया फ़ीचर था। दावा यह था: अपनी मौजूदा साइट में बस एक स्क्रिप्ट टैग पेस्ट कीजिए, और प्रोडक्ट कैटलॉग दिखने लगता है। मूल एम्बेड कोड चालीस फ़ील्ड वाला एक JSON ब्लॉब था, जिसे आप अपने डैशबोर्ड से कॉपी करते थे। कॉन्फ़िगर करने लायक तो था, लेकिन पढ़ने में *बहुत* भारी।

पोस्ट बस इतनी ही थी। एक दशक पहले।

## क्या बदला

एम्बेड अब कोई फ़ीचर नहीं रहा। वह पूरा प्रोडक्ट है। Shoprocket आज भी "एक स्क्रिप्ट जिसे आप किसी भी वेबसाइट में पेस्ट कर सकते हैं" ही है, लेकिन नीचे का आर्किटेक्चर 2015 के स्निपेट से पहचाना ही नहीं जाता। दो बड़ी चीज़ें बदलीं।

### स्निपेट छोटा हो गया

2015 का पेलोड हर विज़ुअल पसंद को पेस्ट करते समय JSON में लिख देता था: बटन का रंग, पैडिंग, प्रोडक्ट सॉर्ट का क्रम, इमेज के आयाम, "free shipping" पिल दिखानी है या नहीं, और करीब तीस और स्विच। यह सब अब सर्वर-साइड रहता है और डैशबोर्ड में एक बार कॉन्फ़िगर होता है। एम्बेड में अब सिर्फ़ एक आइडेंटिफ़ायर है।

**तब (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, स्टैटिक साइटें। अगर आप स्क्रिप्ट टैग पेस्ट कर सकते हैं, तो आपके पास स्टोरफ़्रंट हो सकता है।
- **कोई भी सतह।** सिंगल बाय बटन, प्रोडक्ट ग्रिड, स्लाइड-आउट कार्ट, या पूरा स्टोरफ़्रंट। एक स्क्रिप्ट, चार `data-sr-type` वेरिएंट।
- **शून्य ट्रांज़ैक्शन फ़ीस।** सब्सक्रिप्शन आधारित ([कीमतें देखें](https://v3.shoprocket.io/hi/pricing.md))। भुगतान पर Stripe और PayPal अपना सामान्य हिस्सा आज भी लेते हैं, लेकिन Shoprocket उसके ऊपर कुछ नहीं लेता।
- **कोई भी भाषा।** विजेट 21 लोकेल में विज़िटर की भाषा अपने-आप पहचानता है और कीमतें, भुगतान के तरीके और लेबल स्थानीय भाषा में दिखाता है।

## जो एक चीज़ नहीं बदली

हमने इसे शुरू में "out of the box" इसलिए कहा था क्योंकि पेस्ट करते ही यह काम करने लगता था। न डेवलपर, न थीम कस्टमाइज़ेशन, न आपकी मौजूदा साइट का दोबारा बनना। दस साल बाद भी यह वैसा ही है। बस इसे साबित करने में अब कम अक्षर लगते हैं।

अगर आपने मौजूदा संस्करण नहीं आज़माया है, तो [फ़्री ट्रायल शुरू कीजिए](https://app-v3.shoprocket.io/signup)। सेटअप में पाँच मिनट से भी कम लगते हैं।

---

- HTML version: https://v3.shoprocket.io/hi/blog/out-of-the-box-ecommerce-a-decade-later
- Language: हिन्दी (hi)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/out-of-the-box-ecommerce-a-decade-later.md), [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), [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)