प्रोडक्ट पेज चेकलिस्ट: ग्राहक ख़रीदारी बीच में क्यों छोड़ देते हैं

Baymard और WebAIM रिसर्च पर आधारित प्रोडक्ट पेज चेकलिस्ट: कीमत, शिपिंग और रिटर्न, इमेज, रिव्यू, मोबाइल पर ऐड टू कार्ट, पॉप-अप, साइट सर्च और कीबोर्ड।

FixReports संपादकीय टीमपढ़ने में 12 मिनट

ग्राहक प्रोडक्ट पेज पर सबसे ज़्यादा तब रुक जाते हैं जब उन्हें कुल लागत समझ नहीं आती, शिपिंग और रिटर्न की शर्तें नहीं मिलतीं, वे फ़ोटो और रिव्यू से प्रोडक्ट का अंदाज़ा नहीं लगा पाते, या ख़रीदने का बटन आसानी से ढूँढ और दबा नहीं पाते, ख़ासकर फ़ोन पर। पेज को ढक देने वाले पॉप-अप, मुश्किल से मिलने वाले पॉलिसी पेज, आसान सवालों का जवाब न दे पाने वाला साइट सर्च, और कीबोर्ड से काम न करने वाले कंट्रोल भी ख़रीदारी रोक देते हैं। नीचे दिए गए आँकड़े Baymard Institute और WebAIM की इंडस्ट्री रिसर्च से हैं, जो बड़ी संख्या में साइटों और ग्राहकों पर आधारित हैं; ये आम पैटर्न बताते हैं, किसी एक स्टोर के लिए भविष्यवाणी नहीं।

मुख्य बातें

  • Baymard के 2026 के सर्वे में, जिसमें पिछले तीन महीनों में ऑनलाइन ख़रीदारी कर चुके 1,083 अमेरिकी वयस्क शामिल थे, 40% ने कहा कि उन्होंने चेकआउट पर ख़रीदारी इसलिए छोड़ दी क्योंकि शिपिंग, टैक्स और फ़ीस जैसी अतिरिक्त लागतें बहुत ज़्यादा थीं (Baymard Institute (नए टैब में खुलता है))।
  • Baymard के प्रोडक्ट पेज बेंचमार्क में पाया गया कि प्रमुख ई-कॉमर्स साइटों में से 67% ख़रीदने वाले सेक्शन के पास कुल लागत का कोई अनुमान नहीं देतीं, और 44% मुख्य प्रोडक्ट कंटेंट में रिटर्न पॉलिसी न दिखाती हैं, न उसका लिंक देती हैं (Baymard Institute (नए टैब में खुलता है), 18 मार्च 2026 को अपडेट)।
  • इसी बेंचमार्क में 62% मोबाइल साइटों का प्रोडक्ट पेज UX "mediocre" (औसत) या उससे ख़राब था।
  • फ़रवरी 2026 में WebAIM को टॉप दस लाख होम पेजों में से 95.9% पर WCAG की खामियाँ मिलीं (WebAIM (नए टैब में खुलता है))।
  • सबसे ज़्यादा कमाई करने वाली 33 ई-कॉमर्स साइटों की Baymard की 2021 की समीक्षा में, 45% साइटों में ऐसी फ़ंक्शनैलिटी थी जिसे कीबोर्ड से चलाया नहीं जा सकता था (Baymard Institute (नए टैब में खुलता है))।

ग्राहक ख़रीदारी बीच में क्यों छोड़ देते हैं?

सबसे आम जवाब यह है कि ग्राहक सिर्फ़ ब्राउज़ कर रहे थे; उसके बाद आती हैं अतिरिक्त लागतें, धीमी डिलीवरी, कार्ड की जानकारी को लेकर कम भरोसा और ज़बरदस्ती अकाउंट बनवाना।

Baymard का कार्ट एबैंडनमेंट पेज 50 स्टडी के आधार पर औसत दर्ज एबैंडनमेंट दर 70.22% बताता है (पेज का अंतिम अपडेट 22 सितंबर 2025)। कारणों वाला इसका चार्ट, जिस पर 2026 का डेटा लिखा है, पिछले तीन महीनों में ऑनलाइन ख़रीदारी कर चुके 1,083 अमेरिकी वयस्कों के सर्वे पर आधारित है। उत्तरदाता एक से ज़्यादा कारण चुन सकते थे (Baymard Institute (नए टैब में खुलता है), अक्टूबर 2026 की स्थिति):

चेकआउट पर ऑनलाइन ख़रीदारी छोड़ने का कारणउत्तरदाताओं का हिस्सा
मैं सिर्फ़ देख रहा था / ख़रीदने के लिए तैयार नहीं था42%
अतिरिक्त लागतें बहुत ज़्यादा थीं (शिपिंग, टैक्स, फ़ीस)40%
डिलीवरी बहुत धीमी थी20%
मुझे अपने क्रेडिट कार्ड की जानकारी को लेकर साइट पर भरोसा नहीं था19%
साइट चाहती थी कि मैं अकाउंट बनाऊँ18%
चेकआउट की प्रक्रिया बहुत लंबी या जटिल थी17%
वेबसाइट में एरर आए या वह क्रैश हो गई17%
रिटर्न पॉलिसी संतोषजनक नहीं थी13%
मैं ऑर्डर की कुल लागत पहले से देख या गिन नहीं पाया12%
क्रेडिट कार्ड डिक्लाइन हो गया10%
पेमेंट के पर्याप्त तरीक़े नहीं थे9%

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

क्या प्रोडक्ट पेज पर पूरी कीमत साफ़ दिखती है?

मौजूदा कीमत, कोई मूल कीमत, क्या शामिल है और क्या नहीं, और शिपिंग का अनुमान, ये सब ख़रीदने वाले बटन के पास होने चाहिए।

Baymard के 2026 के प्रोडक्ट पेज बेंचमार्क में पाया गया कि 67% साइटें ख़रीदने वाले सेक्शन के पास "कुल ऑर्डर लागत" का अनुमान नहीं देतीं, और 81% साइटें अलग-अलग मात्रा या साइज़ में बिकने वाले प्रोडक्ट्स के लिए प्रति यूनिट कीमत नहीं दिखातीं (Baymard Institute (नए टैब में खुलता है))। जाँचें कि पेज पर ये दिखते हैं:

  • मौजूदा कीमत और, सेल वाले आइटम पर, मूल कीमत।
  • कई साइज़ में बिकने वाले प्रोडक्ट्स के लिए प्रति यूनिट कीमत।
  • टैक्स या ड्यूटी शामिल है या नहीं।
  • शिपिंग की लागत, या वह ऑर्डर वैल्यू जिस पर फ़्री शिपिंग मिलती है।

Shopify: Dawn थीम में, जब ये सेटिंग्स और एक शिपिंग पॉलिसी मौजूद हो, तो प्राइस ब्लॉक "Taxes included." और "Shipping calculated at checkout." लिंक जोड़ता है (Dawn source (नए टैब में खुलता है))। यह सही है, लेकिन अनुमान नहीं है, इसलिए एक टेक्स्ट ब्लॉक में अपनी असली शिपिंग दरें या फ़्री-शिपिंग की सीमा जोड़ें।

WooCommerce: WooCommerce > Settings > Shipping में मौजूद "Enable the shipping calculator on the cart page" और "Hide shipping costs until an address is entered" विकल्प कार्ट और चेकआउट पर असर डालते हैं, प्रोडक्ट पेज पर नहीं (WooCommerce source (नए टैब में खुलता है))। शिपिंग दरें प्रोडक्ट टेम्पलेट या short description में डालें।

क्या ग्राहक कार्ट में जोड़ने से पहले शिपिंग और रिटर्न की जानकारी ढूँढ पाते हैं?

ख़रीदने वाले बटन के पास डिलीवरी समय, शिपिंग लागत और रिटर्न की अवधि का एक छोटा सारांश रखें, और पूरी पॉलिसी का लिंक दें।

1,032 उत्तरदाताओं वाले Baymard के Consideration & Purchase Behavior सर्वे में 60% ने कहा कि वे प्रोडक्ट पेज पर रिटर्न पॉलिसी की जानकारी ढूँढते हैं, फिर भी बेंचमार्क की गई 44% साइटें इसे मुख्य प्रोडक्ट कंटेंट में न दिखाती हैं, न इसका लिंक देती हैं (Baymard Institute (नए टैब में खुलता है))। ऊपर वाले 2026 के एबैंडनमेंट सर्वे में 20% ने धीमी डिलीवरी और 13% ने असंतोषजनक रिटर्न पॉलिसी को कारण बताया।

<details class="product-policy">
  <summary>Shipping and returns</summary>
  <p>Ships in 1 to 2 business days. Free shipping on orders over $75.</p>
  <p>Free returns within 30 days. <a href="{{ shop.refund_policy.url }}">Read the return policy</a></p>
</details>

Shopify: अपनी पॉलिसी Settings > Policies में लिखें (Shopify Help Center (नए टैब में खुलता है))। Dawn में प्रोडक्ट पेज पर एक Collapsible row ब्लॉक टेक्स्ट या किसी पेज का कंटेंट दिखा सकता है (Dawn source (नए टैब में खुलता है)), इसलिए शिपिंग और रिटर्न का एक ही पेज हर प्रोडक्ट पर दिख सकता है।

WooCommerce: WooCommerce एक "Refund and Returns Policy" पेज ड्राफ़्ट के रूप में बनाता है (WooCommerce source (नए टैब में खुलता है))। जब तक आप उसे एडिट करके पब्लिश नहीं करते, वह अप्रकाशित ही रहता है।

क्या प्रोडक्ट इमेज ग्राहकों के सवालों का जवाब देती हैं?

इमेज में प्रोडक्ट को कई कोणों से, सही अनुपात (scale) में और इस्तेमाल होते हुए दिखाना चाहिए, क्योंकि कई ग्राहक स्पेसिफ़िकेशन की बजाय फ़ोटो से साइज़ और फ़िट का अंदाज़ा लगाते हैं।

Baymard की टेस्टिंग में पाया गया कि 42% उपयोगकर्ता प्रोडक्ट की इमेज से उसका साइज़ समझने की कोशिश करते हैं, जबकि बेंचमार्क की गई 37% साइटें ऐसी "in scale" इमेज नहीं देतीं जिसमें प्रोडक्ट किसी व्यक्ति या जानी-पहचानी चीज़ के बगल में दिखे। और 23% साइटें किसी मॉडल पर पहने या इस्तेमाल किए गए प्रोडक्ट की इमेज नहीं देतीं, जो कपड़ों, एक्सेसरीज़ और कॉस्मेटिक्स के लिए सबसे ज़्यादा मायने रखती है (Baymard Institute (नए टैब में खुलता है))।

यह भी जाँचें कि कोई रंग चुनने पर गैलरी सही इमेज पर पहुँचती है, फ़ोन पर ज़ूम काम करता है, और हर इमेज में ऐसा ऑल्ट टेक्स्ट है जो बताता है कि उस व्यू में क्या दिख रहा है, जैसे "लिनन शर्ट, पीछे से"।

क्या रिव्यू आसानी से मिलते हैं और भरोसेमंद लगते हैं?

प्रोडक्ट टाइटल के पास औसत रेटिंग और रिव्यू की संख्या दिखाएँ, उसे पूरे रिव्यू से लिंक करें, और नकारात्मक रिव्यू का जवाब दें।

Baymard ने पाया कि बेंचमार्क की गई 89% साइटें नकारात्मक रिव्यू का जवाब नहीं देतीं, और 63% साइटें ग्राहकों को एक रिव्यू लिखने वाले की फ़ोटो से अगले रिव्यू की फ़ोटो पर जाने नहीं देतीं (Baymard Institute (नए टैब में खुलता है))। देर से लोड होने वाले रिव्यू विजेट पेज को नीचे भी धकेल सकते हैं, इसलिए उनके लिए जगह पहले से रिज़र्व करें।

Shopify: Dawn का Product rating ब्लॉक किसी रिव्यू ऐप से स्टार दिखाता है, और थीम में लिखा है कि इसके लिए एक ऐप ज़रूरी है (Dawn source (नए टैब में खुलता है))।

WooCommerce: WooCommerce > Settings > Products में रिव्यू के विकल्पों में "Enable product reviews", "Show 'verified owner' label on customer reviews", "Reviews can only be left by 'verified owners'" और "Enable star rating on reviews" शामिल हैं (WooCommerce source (नए टैब में खुलता है))।

क्या फ़ोन पर ऐड-टू-कार्ट बटन तक पहुँचना और उसे टैप करना आसान है?

फ़ोन पर ग्राहक बिना ढूँढे कीमत देख सकें, वैरिएंट चुन सकें और ऐड टू कार्ट पर टैप कर सकें, और कंट्रोल इतने बड़े हों कि उन पर आसानी से उँगली लगे।

Baymard के 2026 के बेंचमार्क में 52% डेस्कटॉप साइटों और 62% मोबाइल साइटों का प्रोडक्ट पेज UX "mediocre" या उससे ख़राब था, और 57% साइटें साइज़ चुनने के लिए बटन इस्तेमाल नहीं करती थीं, जिससे साइज़ ड्रॉप-डाउन में छिपे रहते थे (Baymard Institute (नए टैब में खुलता है))।

किसी असली फ़ोन पर प्रोडक्ट पेज खोलें और जाँचें:

  • पहली स्क्रीन। फ़ोन के एक के नीचे एक (stacked) लेआउट में अक्सर गैलरी सबसे पहले आती है, इसलिए एक लंबी इमेज टाइटल, कीमत और बटन को पहली स्क्रीन से नीचे धकेल सकती है।
  • स्टिकी बाय बार। अगर आप इसका इस्तेमाल करते हैं, तो यह फ़ोकस किए गए एलिमेंट को नहीं ढकना चाहिए। WCAG 2.2 के मानदंड 2.4.11 (Level AA) के W3C सारांश में उदाहरण के तौर पर ऐसे स्टिकी फ़ुटर का ज़िक्र है जो फ़ोकस किए गए आइटम छिपा देता है (W3C (नए टैब में खुलता है))।
  • टैप टारगेट। WCAG 2.5.8 (Level AA) कुछ अपवादों के साथ न्यूनतम 24 गुणा 24 CSS पिक्सेल तय करता है (W3C (नए टैब में खुलता है)); Shopify की थीम गाइडेंस मोबाइल पर कम से कम 48 गुणा 48 पिक्सेल की सलाह देती है (Shopify (नए टैब में खुलता है))।
  • दाएँ-बाएँ स्क्रॉल करना। WCAG 1.4.10 Reflow के अनुसार कंटेंट 320 CSS पिक्सेल चौड़ाई पर दोनों दिशाओं में स्क्रॉल किए बिना काम करना चाहिए (W3C (नए टैब में खुलता है))। चौड़े साइज़ चार्ट और तुलना वाली टेबल इसकी आम वजह होती हैं।

क्या पॉप-अप ख़रीदारी में रुकावट डालते हैं?

पेज खुलते ही प्रोडक्ट पेज को ढक देने वाले पॉप-अप वह जानकारी छिपा देते हैं जिसके लिए ग्राहक आए थे, इसलिए छोटे बैनर को प्राथमिकता दें और साइन-अप के संकेत सीमित रखें।

Google Search Central की गाइडेंस intrusive interstitials और dialogs को ऐसे एलिमेंट बताती है जो कंटेंट देखने में रुकावट डालते हैं, और फ़ुल-पेज overlay की बजाय छोटे बैनर की सलाह देती है (Google Search Central (नए टैब में खुलता है))। Shopify बताता है कि पॉप-अप कंटेंट से लेआउट शिफ़्ट भी हो सकते हैं (Shopify Help Center (नए टैब में खुलता है))। आप जो भी dialog रखें, उसे कीबोर्ड से बंद किया जा सकना चाहिए; WCAG 2.1.2 No Keyboard Trap (Level A) के अनुसार सिर्फ़ कीबोर्ड से फ़ोकस को किसी कंपोनेंट से बाहर ले जाया जा सकना चाहिए (W3C (नए टैब में खुलता है))।

क्या ग्राहक आपके भरोसे और पॉलिसी वाले पेज ढूँढ पाते हैं?

हर पेज के फ़ुटर से रिफ़ंड, शिपिंग, प्राइवेसी, शर्तों और संपर्क वाले पेजों का लिंक दें।

Baymard के 2026 के सर्वे में 19% उत्तरदाताओं ने कहा कि उन्होंने ख़रीदारी इसलिए छोड़ी क्योंकि उन्हें अपने कार्ड की जानकारी को लेकर साइट पर भरोसा नहीं था। साफ़ पॉलिसी और संपर्क की जानकारी इस बात के बुनियादी संकेत हैं कि स्टोर असली है।

Shopify: Settings > Policies में पॉलिसी जोड़ने के बाद Shopify उन्हें चेकआउट फ़ुटर में अपने आप लिंक कर देता है; उन्हें स्टोर में दिखाने के लिए Content > Menus में किसी मेन्यू में जोड़ें (Shopify Help Center (नए टैब में खुलता है)) या Dawn की Policy links फ़ुटर सेटिंग चालू करें।

WooCommerce: रिफ़ंड वाला ड्राफ़्ट पेज पब्लिश करें, फिर अपनी पॉलिसी और संपर्क वाले पेज फ़ुटर में जोड़ें।

क्या साइट सर्च प्रोडक्ट और जवाब ढूँढ पाता है?

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

170 से ज़्यादा साइटों और ऐप्स पर Baymard के 2026 के सर्च बेंचमार्क ने 46% डेस्कटॉप, 58% मोबाइल और 64% ऐप अनुभवों को "mediocre" या उससे ख़राब आँका, और 66% साइटों पर प्रोडक्ट के अलावा दूसरी खोजों में समस्याएँ पाईं, जैसे रिटर्न पॉलिसी की खोज पर प्रोडक्ट दिखा देना (Baymard Institute (नए टैब में खुलता है), 29 अप्रैल 2026 को अपडेट)।

अपने स्टोर को किसी बेस्ट सेलर के नाम, उसकी ग़लत स्पेलिंग, किसी कैटेगरी शब्द और "returns" से टेस्ट करें। Shopify पर स्टोरफ़्रंट सर्च प्रोडक्ट, ब्लॉग पोस्ट और पेज दिखाता है, जिसमें predictive search और टाइपो टॉलरेंस डिफ़ॉल्ट रूप से चालू होते हैं, और Search & Discovery ऐप फ़िल्टर और product boosts जोड़ता है (Shopify Help Center (नए टैब में खुलता है))। इसलिए शिपिंग और रिटर्न का सारांश देने वाला एक सामान्य पेज इन खोजों में दिख सकता है।

क्या कोई सिर्फ़ कीबोर्ड से ख़रीदारी कर सकता है?

वैरिएंट चुनने से लेकर चेकआउट तक पहुँचने का हर कदम सिर्फ़ कीबोर्ड से काम करना चाहिए, और फ़ोकस इंडिकेटर दिखना चाहिए।

WCAG 2.2 के अनुसार सारी फ़ंक्शनैलिटी कीबोर्ड से काम करनी चाहिए (2.1.1, Level A), कोई कीबोर्ड ट्रैप नहीं होना चाहिए (2.1.2, Level A), फ़ोकस इंडिकेटर दिखना चाहिए (2.4.7, Level AA), और फ़ोकस किए गए आइटम दूसरे कंटेंट से पूरी तरह छिपने नहीं चाहिए (2.4.11, Level AA) (W3C (नए टैब में खुलता है))। ये बुनियादी बातें अक्सर ग़ायब होती हैं। सबसे ज़्यादा कमाई करने वाली 33 साइटों की Baymard की 2021 की समीक्षा में पाया गया कि 45% में ऐसी फ़ंक्शनैलिटी थी जिसे कीबोर्ड से चलाया नहीं जा सकता था और 48% हर समय फ़ोकस इंडिकेटर को दिखाई देता नहीं रखती थीं (Baymard Institute (नए टैब में खुलता है))। WebAIM के फ़रवरी 2026 के स्कैन में हर होम पेज पर औसतन 56.1 एरर पकड़े गए, और उसकी Shopping कैटेगरी की साइटों पर 71.0 (WebAIM (नए टैब में खुलता है))।

पाँच मिनट का टेस्ट:

  1. कोई प्रोडक्ट पेज खोलें और माउस छुए बिना Tab दबाएँ।
  2. जाँचें कि आपको हमेशा दिखता रहे कि फ़ोकस कहाँ है।
  3. कोई साइज़ और रंग चुनें, और क्वांटिटी बदलें।
  4. ऐड टू कार्ट दबाएँ और जाँचें कि फ़ोकस कार्ट ड्रॉअर में जाता है और ड्रॉअर कीबोर्ड से बंद होता है।
  5. चेकआउट बटन तक पहुँचें।
/* A visible focus style for keyboard users */
:focus-visible {
  outline: 3px solid #1a5fb4;
  outline-offset: 2px;
}

मुफ़्त स्कैन लगभग एक मिनट में इनमें से कई बातें जाँचता है। कन्वर्ज़न रिपोर्ट कीमत का दिखना, फ़ोन पर ऐड टू कार्ट, शिपिंग और रिटर्न की जानकारी, पॉप-अप, फ़ुटर में पॉलिसी लिंक, सर्च, कीबोर्ड से ख़रीदारी का रास्ता और दाएँ-बाएँ स्क्रॉलिंग जैसी पेज जाँचों को प्राथमिकता के क्रम में सुझावों में बदलती है। यह पेज जाँचों पर आधारित है, आपके सेल्स डेटा पर नहीं, और बिक्री बढ़ने की कोई गारंटी नहीं देती।

अक्सर पूछे जाने वाले प्रश्न

ग्राहकों के ख़रीदारी छोड़ने का सबसे आम कारण क्या है?

1,083 अमेरिकी वयस्कों पर Baymard के 2026 के सर्वे में सबसे ऊपर जवाब था "सिर्फ़ देख रहा था" (42%)। बाक़ी कारणों में शिपिंग, टैक्स और फ़ीस जैसी अतिरिक्त लागतें 40% के साथ पहले स्थान पर थीं, जो 20% वाली धीमी डिलीवरी से आगे थीं।

क्या इन समस्याओं को ठीक करने से मेरा कन्वर्ज़न रेट बढ़ेगा?

इसका वादा कोई नहीं कर सकता। रिसर्च उन बाधाओं के बारे में बताती है जो बड़ी संख्या में साइटों और ग्राहकों में आम हैं; उन्हें हटाने से आपके नतीजे बदलेंगे या नहीं, यह आपके प्रोडक्ट, कीमतों और ट्रैफ़िक पर निर्भर करता है, इसलिए हर बदलाव से पहले और बाद में मापें।

प्रोडक्ट पेज पर शिपिंग और रिटर्न की जानकारी कहाँ होनी चाहिए?

कीमत और ख़रीदने वाले बटन के पास, एक छोटे सारांश के रूप में और पूरी पॉलिसी के लिंक के साथ। Baymard की रिसर्च में 60% उत्तरदाताओं ने कहा कि वे प्रोडक्ट पेज पर रिटर्न पॉलिसी की जानकारी ढूँढते हैं।

क्या फ़ोन पर ऐड-टू-कार्ट बटन बिना स्क्रॉल किए दिखना ज़रूरी है?

ऐसा कोई नियम नहीं है, लेकिन ग्राहकों को कीमत दिखनी चाहिए और वे बटन तक जल्दी पहुँच सकें। स्टिकी बाय बार एक विकल्प है, बशर्ते वह फ़ोकस किए गए एलिमेंट या दूसरे कंटेंट को न छिपाए।

क्या एक्सेसिबिलिटी कन्वर्ज़न का हिस्सा है?

हाँ, सीधे शब्दों में: जो ग्राहक कीबोर्ड या स्क्रीन रीडर से वैरिएंट पिकर या ऐड-टू-कार्ट बटन नहीं चला सकता, वह ख़रीदारी नहीं कर सकता। WCAG 2.2 Level AA इन बुनियादी बातों को कवर करता है।

स्रोत

सभी गाइड