# अपनी मौजूदा साइट पर कॉमर्स जोड़ें।

> एक async स्क्रिप्ट टैग किसी भी साइट को दुकान बना देता है। WordPress, Webflow, Ghost, Carrd, Framer, स्टैटिक HTML, React / Next.js / Vue पर चलता है। न रीबिल्ड, न प्लगइन, न थीम बदलना।

एक async स्क्रिप्ट टैग, कुछ HTML कंटेनर, और आपकी मौजूदा साइट एक दुकान बन जाती है। WordPress, Webflow, Ghost, Carrd, Framer, सादे HTML, या किसी भी CMS पर चलता है जो स्क्रिप्ट टैग पेस्ट करने देता है। न रीबिल्ड। न प्लगइन। न थीम बदलना।

[मुफ़्त ट्रायल शुरू करें](https://app-v3.shoprocket.io/signup?lang=hi)[स्निपेट देखें](#the-snippet)

14 दिन का मुफ़्त ट्रायल

क्रेडिट कार्ड नहीं चाहिए

0% प्लेटफ़ॉर्म शुल्क

हर प्लान पर काम करता है

1

एम्बेड करने की पंक्ति

कोई भी

वेबसाइट

पूरा

कार्ट और चेकआउट

0%

प्लेटफ़ॉर्म शुल्क

● समस्या

## आपके पास साइट है। आप उस पर बेचना चाहते हैं। उसे दोबारा बनाना नहीं।

ज़्यादातर कॉमर्स प्लेटफ़ॉर्म चाहते हैं कि आप अपनी मौजूदा साइट छोड़कर उनकी अपना लें। WordPress WooCommerce माँगता है। Wix को Wix Stores चाहिए। Squarespace को Squarespace Commerce। Shopify चाहता है कि पूरा कुछ उसके स्टैक पर हो। आपको दुकान चाहिए थी, माइग्रेशन प्रोजेक्ट नहीं।

01

### आपकी साइट पहले से काम करती है।

आपका ब्रांड, कंटेंट, ब्लॉग, एनिमेशन, SEO। वह काम जो आप पहले कर चुके हैं। चेकआउट जोड़ने के लिए इनमें से कुछ भी बदलना नहीं चाहिए।

02

### आपका CMS समस्या नहीं है।

WordPress ठीक है। Webflow सुंदर है। Ghost कंटेंट के लिए बढ़िया है। Carrd तेज़ है। इनमें से किसी को भी आपको छोड़ने पर मजबूर नहीं करना चाहिए सिर्फ़ इसलिए कि वे कॉमर्स नेटिव रूप से नहीं संभालते।

03

### आपका स्टोर आपकी साइट के अंदर रहना चाहिए।

अलग सबडोमेन पर नहीं, होस्टेड कार्ट पर रीडायरेक्ट के रूप में नहीं। प्रोडक्ट पेज आपका है, चेकआउट उसी के अंदर होता है, और ग्राहक कभी बाहर नहीं जाता।

● यह कैसे काम करता है

## HTML की तीन पंक्तियाँ। चार विजेट प्रकार।

लोडर स्क्रिप्ट एक बार पेस्ट करें। जहाँ कॉमर्स दिखाना हो, वहाँ HTML कंटेनर डालें। विजेट रेंडर पर मिलने वाले हर कंटेनर में अपने आप माउंट हो जाता है।

इंस्टॉल

### एक स्क्रिप्ट टैग। Async। नॉन-ब्लॉकिंग।

स्क्रिप्ट टैग साइट के head में, या बंद होने वाले body टैग से ठीक पहले, या आपके CMS के हेडर टेम्पलेट में जाता है। यह async लोड होता है, इसलिए आपके पेज को रेंडर होने से कभी नहीं रोकता। लोड होने पर, यह पेज पर data-shoprocket एट्रिब्यूट वाले किसी भी HTML एलिमेंट को खोजता है और वहाँ मेल खाता विजेट माउंट करता है। अगर पेज पर कोई विजेट एलिमेंट नहीं है, तब भी यह फ़्लोटिंग कार्ट शुरू कर देता है ताकि आपकी साइट पर दूसरी जगह के शॉप बटन चलते रहें।

- ✓ Async लोडिंग, LCP या CLS पर कोई असर नहीं
- ✓ पेज के हर data-shoprocket एलिमेंट पर अपने आप माउंट होता है
- ✓ जिन पेजों पर कोई विजेट नहीं है, वहाँ भी फ़्लोटिंग कार्ट पूरी साइट पर शुरू होता है

● विजेट प्रकार

## चार रूप, सब एक ही पेज पर।

जहाँ ज़रूरत हो, वहाँ जो चाहिए वह चुनें। होमपेज पर फ़ीचर्ड-प्रोडक्ट विजेट हो सकता है, समर्पित शॉप पेज पर पूरा कैटलॉग, और किसी लेख में इनलाइन सिंगल-प्रोडक्ट एम्बेड। सब एक ही साइट पर, सब एक ही स्टोर से।

01

### कैटलॉग।

फ़िल्टर, श्रेणियों और खोज के साथ पूरा प्रोडक्ट ग्रिड। इसे अपने /shop पेज पर डालें और ग्राहक आपका पूरा स्टोर ब्राउज़ करते हैं।

02

### प्रोडक्ट।

कीमत, वेरिएंट और कार्ट में जोड़ें के साथ एक अकेला प्रोडक्ट कार्ड। इसे किसी लेख के अंदर इनलाइन या पिच के बगल में लैंडिंग पेज पर डालें।

03

### कार्ट।

कार्ट अपने आप में, एक पेज विजेट के रूप में। या फ़्लोटिंग कार्ट को पूरी साइट पर संभालने दें, स्क्रिप्ट उसे अपने आप शुरू करती है।

04

### चेकआउट।

कार्ट, पते, शिपिंग और ऑर्डर सारांश, सब आपके पेज के अंदर। आखिरी भुगतान कदम PCI अनुपालन के लिए प्रोसेसर पर रीडायरेक्ट होता है और ग्राहक को वापस आपकी साइट पर लौटा देता है।

● जहाँ आप हैं, वहाँ काम करता है

## अगर वह स्क्रिप्ट टैग की अनुमति देता है, तो Shoprocket एम्बेड हो जाता है।

नीचे के बिल्डरों के लिए खास तौर पर टेस्ट और डॉक्युमेंट किया गया है। व्यवहार में, जहाँ भी आप HTML पेस्ट कर सकते हैं, वहाँ काम करता है।

01

### WordPress।

सेल्फ़-होस्टेड या WordPress.com। कोई भी थीम, कोई भी पेज बिल्डर (Elementor, Gutenberg, Divi आदि)। WooCommerce की ज़रूरत नहीं। संभालने के लिए कोई प्लगइन नहीं।

02

### Webflow।

जहाँ दुकान चाहिए वहाँ Embed एलिमेंट इस्तेमाल करें। अपना Webflow CMS प्लान रखें, Ecommerce अपग्रेड की ज़रूरत नहीं।

03

### Ghost।

किसी भी पोस्ट या पेज में HTML कार्ड। Ghost उन क्रिएटर के लिए आदर्श है जो प्रोडक्ट के साथ कंटेंट शिप करते हैं।

04

### Carrd, Framer, Notion।

वन-पेज और डिज़ाइन-पहले बिल्डर। Carrd Pro Standard एम्बेड, Framer कोड कंपोनेंट, और Super.so / HeyNotion रैपर के ज़रिए Notion के साथ काम करता है।

05

### स्टैटिक HTML और JAMstack।

Cloudflare Pages, Netlify, Vercel, सादा स्टैटिक HTML, कोई भी Jekyll / Hugo / Astro / 11ty बिल्ड। स्निपेट पेस्ट करें और चलें।

06

### React, Next.js, Vue, Svelte।

फ़्रेमवर्क के साथ गहरे इंटीग्रेशन के लिए npm पैकेज \`@shoprocket/widget\` इंस्टॉल करें। कंपोनेंट इंपोर्ट करें, जहाँ दुकान चाहिए वहाँ माउंट करें।

● प्रदर्शन

## आपके Core Web Vitals हरे रहते हैं।

कहीं भी एम्बेड होने वाले कॉमर्स का पूरा मक़सद यही है कि आपकी साइट आपकी साइट की तरह ही चलती रहे।

आँकड़ों में

### Async स्क्रिप्ट, कैश्ड कॉन्फ़िग, तेज़ माउंट।

लोडर स्क्रिप्ट async डिलीवर होती है, इसलिए LCP अछूता रहता है। स्टोर कॉन्फ़िग हमारे API से लिया जाता है और एज पर कैश होता है (1 घंटे का TTL), इसलिए दोबारा पेज व्यू पर दोबारा क्वेरी नहीं होती। विजेट आरक्षित कंटेनर में रेंडर होता है, इसलिए लेआउट शिफ़्ट नहीं होता। जो साइटें एम्बेड से पहले Lighthouse पर हरी थीं, वे उसके बाद भी हरी रहती हैं।

- ✓ Async स्क्रिप्ट टैग: LCP या CLS पर शून्य असर
- ✓ स्टोर कॉन्फ़िग एज पर कैश, दोबारा व्यू पर CDN से परोसा जाता है
- ✓ आरक्षित माउंट कंटेनर का मतलब है कोई संचयी लेआउट शिफ़्ट नहीं

● आम सवाल

## एम्बेड के सवालों के जवाब।

स्निपेट पेस्ट करने से पहले लोग यही पूछते हैं।

कार्ट और चेकआउट असल में कहाँ चलता है? +

कार्ट, पते और शिपिंग का चुनाव, सब आपके पेज के एम्बेड के अंदर चलता है; ब्राउज़िंग और चुनाव वाले हिस्से में कोई आपकी साइट नहीं छोड़ता। आखिरी भुगतान कदम PCI अनुपालन के लिए आपके कनेक्ट किए पेमेंट प्रोसेसर (Stripe, PayPal) पर रीडायरेक्ट होता है और ग्राहक को ऑर्डर कन्फ़र्मेशन के लिए आपकी साइट पर लौटा देता है। हर आधुनिक पेमेंट फ़्लो ऐसे ही काम करता है; इसके उलट दिखावा करना बेईमानी होगी।

क्या मैं एक ही पेज पर कई विजेट रख सकता हूँ? +

हाँ। लोडर पेज पर data-shoprocket एट्रिब्यूट वाले हर एलिमेंट को खोजता है और हर एक पर माउंट करता है। एक पेज पर फ़ीचर्ड-प्रोडक्ट कैरोसेल हो सकता है, उसके नीचे कैटलॉग ग्रिड, और कहीं और इनलाइन चेकआउट। सब एक ही स्टोर से।

क्या यह मेरी साइट को धीमा करता है? +

कोई ख़ास असर नहीं। लोडर स्क्रिप्ट async है, इसलिए आपके पेज को रेंडर होने से नहीं रोकती। स्टोर कॉन्फ़िगरेशन एज पर कैश होता है, इसलिए दोबारा आने वाले विज़िटर पर दोबारा क्वेरी नहीं होती। विजेट आरक्षित कंटेनर में माउंट होते हैं, इसलिए कोई संचयी लेआउट शिफ़्ट नहीं होता। अगर आपकी साइट पहले Core Web Vitals में पास थी, तो अब भी पास रहती है।

अगर मैं React / Next.js / Vue इस्तेमाल करता हूँ तो? +

npm पैकेज \`@shoprocket/widget\` सीधे इंस्टॉल करें। कंपोनेंट इंपोर्ट करें, जहाँ दुकान चाहिए वहाँ माउंट करें, कॉन्फ़िगरेशन के लिए props दें। इससे आपको वह बारीक नियंत्रण मिलता है जो स्क्रिप्ट-टैग एम्बेडिंग में नहीं मिलता।

Wix और Squarespace का क्या? +

Squarespace ठीक चलता है। Core प्लान या उससे ऊपर पर Code Block एलिमेंट इस्तेमाल करें, स्निपेट पेस्ट करें, बस। Wix हर थर्ड-पार्टी एम्बेड को iframe में सैंडबॉक्स कर देता है जिससे चेकआउट टूट जाता है, इसलिए हम इसकी सिफ़ारिश नहीं करते; Wix यूज़र्स के लिए ईमानदार जवाब है Shoprocket होस्टेड स्टोरफ़्रंट या ऐसे बिल्डर पर जाना जो असली एम्बेड की अनुमति देता है। तीन आगे के रास्तों के लिए हमारा समर्पित Wix पेज देखें।

क्या मैं अपना डोमेन इस्तेमाल कर सकता हूँ? +

हाँ। विजेट उसी डोमेन पर चलता है जिस पर होस्ट पेज है। आपके प्रोडक्ट, कार्ट और चेकआउट सब your-site.com पर रहते हैं। कोई अलग Shoprocket सबडोमेन नहीं, कोई रीडायरेक्ट नहीं। ग्राहकों को पता ही नहीं चलता कि कॉमर्स लेयर के पीछे कोई थर्ड-पार्टी है।

मैं विजेट का लुक कैसे कस्टमाइज़ करूँ? +

विजेट लेआउट संदर्भ (कंटेनर की चौड़ाई, टाइपोग्राफ़ी की आधार रेखा) के लिए आपकी साइट का CSS अपनाता है। कॉमर्स UI के लिए, माउंट एलिमेंट पर data एट्रिब्यूट के ज़रिए 40+ थीम और लाइट / डार्क कलर-स्कीम में से चुनें। गहरे कस्टमाइज़ेशन के लिए, अपनी साइट के स्टाइलशीट में CSS वेरिएबल सेट करें और विजेट उन्हें उठा लेता है।

अगर अलग-अलग पेजों के लिए मेरे पास कई एम्बेड कॉन्फ़िग हों तो? +

अपने Shoprocket डैशबोर्ड में कई एम्बेड कॉन्फ़िग बनाएँ, हर एक की अपनी ID, थीम और फ़ीचर सेट के साथ। हर HTML कंटेनर को उपयुक्त एम्बेड ID की ओर इशारा करें। होमपेज पर कॉम्पैक्ट फ़ीचर्ड-प्रोडक्ट एम्बेड दिख सकता है और समर्पित शॉप पेज पर पूरा कैटलॉग एम्बेड, सब एक ही स्टोर पर।

क्या Shoprocket सच में 0% प्लेटफ़ॉर्म शुल्क लेता है? +

हाँ। आपका पेमेंट प्रोसेसर (Stripe, PayPal आदि) अपना सामान्य प्रोसेसिंग शुल्क लेता ही है, वह पैसा भेजने की लागत है, लेकिन Shoprocket उसके ऊपर कुछ नहीं जोड़ता। 0% प्लेटफ़ॉर्म शुल्क हर प्लान पर लागू है, हर एम्बेड-कहीं-भी इंस्टॉल पर भी।

## आपकी साइट। अब कॉमर्स के साथ।

14 दिन का मुफ़्त ट्रायल। क्रेडिट कार्ड नहीं चाहिए। स्निपेट पेस्ट करें, दुकान शिप करें, साइट वही रखें।

[मुफ़्त ट्रायल शुरू करें](https://app-v3.shoprocket.io/signup?lang=hi)[हमसे बात करें](https://v3.shoprocket.io/hi/contact.md)

---

- HTML version: https://v3.shoprocket.io/hi/features/sell-on-any-website
- Language: हिन्दी (hi)
- Also in: [العربية](https://v3.shoprocket.io/ar/features/sell-on-any-website.md), [Deutsch](https://v3.shoprocket.io/de/funktionen/auf-jeder-website-verkaufen.md), [Ελληνικά](https://v3.shoprocket.io/el/features/sell-on-any-website.md), [English](https://v3.shoprocket.io/features/sell-on-any-website.md), [Español](https://v3.shoprocket.io/es/funciones/vender-en-cualquier-sitio-web.md), [Français](https://v3.shoprocket.io/fr/fonctionnalites/vendre-sur-nimporte-quel-site.md), [עברית](https://v3.shoprocket.io/he/features/sell-on-any-website.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/fitur/jual-di-situs-web-mana-pun.md), [Italiano](https://v3.shoprocket.io/it/funzionalita/vendere-su-qualsiasi-sito-web.md), [日本語](https://v3.shoprocket.io/ja/features/sell-on-any-website.md), [Lietuvių](https://v3.shoprocket.io/lt/funkcijos/pardavimas-bet-kurioje-svetaineje.md), [Norsk](https://v3.shoprocket.io/nb/funksjoner/selg-pa-hvilken-som-helst-nettside.md), [Nederlands](https://v3.shoprocket.io/nl/functies/verkopen-op-elke-website.md), [Polski](https://v3.shoprocket.io/pl/funkcje/sprzedaz-na-kazdej-stronie.md), [Português](https://v3.shoprocket.io/pt/funcionalidades/vender-em-qualquer-site.md), [Română](https://v3.shoprocket.io/ro/functionalitati/vinde-pe-orice-site.md), [Русский](https://v3.shoprocket.io/ru/features/sell-on-any-website.md), [ไทย](https://v3.shoprocket.io/th/features/sell-on-any-website.md), [Türkçe](https://v3.shoprocket.io/tr/ozellikler/her-web-sitesinde-satis.md), [中文](https://v3.shoprocket.io/zh/features/sell-on-any-website.md)