Shopify ऐप दस्तावेज़ीकरण
अपने Shopify स्टोर पर मुद्रा रूपांतरण सेटअप और कस्टमाइज़ करने के लिए आवश्यक सभी जानकारी
सामग्री सूची
1 इंस्टॉलेशन
Shopify App Store से इंस्टॉल करें
- Shopify App Store पर Currency.Wiki ऐप पेज पर जाएँ
- 'Add app' पर क्लिक करें और इंस्टॉलेशन को अधिकृत करें
- ऐप खुलेगा और आपको सेटअप विज़ार्ड के माध्यम से मार्गदर्शन करेगा
- सेटअप विज़ार्ड पूरा करें और कीमतें कन्वर्ट करना शुरू करें
सुझाव: सेटअप विज़ार्ड लगभग 2 मिनट लेता है और हर चरण में मार्गदर्शन करता है।
2 सेटअप विज़ार्ड
सेटअप विज़ार्ड आपको ऐप को सही तरीके से कॉन्फ़िगर करने में मदद करता है। यह आपको करेंसी फॉर्मेट अपडेट करने और ऐप एम्बेड सक्षम करने के लिए मार्गदर्शन करता है।
चरण 1: स्वागत है
सेटअप प्रक्रिया में क्या शामिल है, इसकी समीक्षा करें और 'Let's Get Started' पर क्लिक करें।
चरण 2: करेंसी फॉर्मेट अपडेट करें
Shopify Admin → Settings → General → Store defaults पर जाएँ। अपनी मुद्रा ढूंढें और तीन डॉट्स मेनू → 'Change currency formatting' पर क्लिक करें। हमारे wrapper class के साथ HTML फ़ील्ड्स अपडेट करें:
मुद्रा के साथ HTML:
<span class="cwiki">${{amount}} USD</span>
मुद्रा के बिना HTML:
<span class="cwiki">${{amount}}</span>
महत्वपूर्ण: cwiki wrapper class आवश्यक है। यह हमारे ऐप को बताता है कि आपके पेज पर कौन से तत्व कीमतें हैं, ताकि हम केवल वास्तविक कीमतें ही कन्वर्ट करें, फोन नंबर या ऑर्डर आईडी नहीं।
चरण 3: ऐप एम्बेड सक्षम करें
अपने थीम के ऐप एम्बेड्स सेक्शन में ऐप सक्षम करें:
- Online Store → Themes → Customize पर जाएँ
- बाएँ साइडबार में 'App embeds' देखें
- 'Currency.Wiki App' ढूंढें और इसे ON करें
- थीम एडिटर में Save पर क्लिक करें
चरण 4: सेटअप सत्यापित करें
'Scan My Store' पर क्लिक करें और सुनिश्चित करें कि सेटअप पूरा है। विज़ार्ड cwiki wrapper class और ऐप एम्बेड की जाँच करेगा। सफल होने पर, आप तैयार हैं!
3 विजेट शैलियाँ
अपने स्टोर डिज़ाइन से मेल खाने के लिए 6 विजेट शैलियों में से चुनें। प्रत्येक शैली को अपने ब्रांड रंगों के साथ कस्टमाइज़ किया जा सकता है।
मिनिमल ड्रॉपडाउन
सरल ड्रॉपडाउन सूची के साथ कॉम्पैक्ट हेडर एकीकरण। शीर्ष-दाएँ हेडर प्लेसमेंट के लिए सर्वश्रेष्ठ।
फ्लोटिंग पिल
मोबाइल-फ्रेंडली फ्लोटिंग बटन विस्तार योग्य पैनल के साथ। मोबाइल-फर्स्ट स्टोर्स के लिए बढ़िया। कोनों में स्थित।
साइडबार ड्रॉअर
सर्च फंक्शनलिटी के साथ पूरी ऊँचाई वाला स्लाइड-आउट पैनल। कई मुद्राएँ ऑफर करने वाले स्टोर्स के लिए आदर्श।
मॉडल पॉपअप
ग्रिड लेआउट के साथ केंद्रित ओवरले। मुद्रा चयन को केंद्रित अनुभव बनाता है।
इनलाइन टैब स्विचर
लोकप्रिय मुद्राओं के लिए क्षैतिज टैब्स। मेनू खोले बिना त्वरित स्विचिंग।
कॉर्नर बैज
मिनिमलिस्ट कोने का आइकन जो क्लिक करने पर फैलता है। साफ डिज़ाइनों के लिए सबसे कम हस्तक्षेप।
सुझाव: अपने ऐप एडमिन में विजेट सेटिंग्स पेज का उपयोग करके अपने स्टोर के रंगों के साथ सभी शैलियों का पूर्वावलोकन करें।
4 एडमिन डैशबोर्ड
एडमिन डैशबोर्ड आपको अपने स्टोर पर मुद्रा रूपांतरण को पूरी तरह से नियंत्रित करने की सुविधा देता है।
डैशबोर्ड होम
विजेट को ऑन/ऑफ करें, कन्वर्ज़न आँकड़े देखें, और अपने विजेट का लाइव प्रीव्यू देखें।
विजेट सेटिंग्स
अपनी विजेट शैली, स्थिति, रंग, आकार, बॉर्डर रेडियस और झंडा प्रदर्शन विकल्प चुनें।
करेंसी प्रबंधन
मुद्राएँ सक्षम/अक्षम करें, सूची को पुनः क्रमित करें, ऑटो-डिटेक्शन व्यवहार कॉन्फ़िगर करें, और विनिमय दर प्राथमिकताएँ सेट करें।
एनालिटिक्स
कन्वर्ज़न चार्ट देखें, शीर्ष मुद्राएँ जानें, और अपने अंतरराष्ट्रीय ग्राहक वितरण को समझें।
थीम और रूप
थीम मोड चुनें (auto, light, dark, custom), रंग सेट करें, ग्लासमॉर्फ़िज़्म इफेक्ट्स सक्षम करें, और डार्क मोड व्यवहार कॉन्फ़िगर करें।
चेकआउट संदेश
कार्ट/चेकआउट पेज पर संदेश सक्षम करें ताकि ग्राहकों को चेकआउट मुद्रा के बारे में सूचित किया जा सके।
5 एडवांस्ड सेटिंग्स
एडवांस्ड सेटिंग्स Pro उपयोगकर्ताओं को मूल्य फॉर्मेटिंग और कन्वर्ज़न व्यवहार पर अधिक नियंत्रण देती हैं।
मूल्य फॉर्मेटिंग (Pro)
- दशमलव स्थान - कितने दशमलव स्थान दिखाने हैं नियंत्रित करें (0-6)।
- संख्या फॉर्मेट - फॉर्मेट शैली चुनें (Auto, US, EU, Indian, Space•Dot, Space•Comma)।
- प्रतीक स्थिति - मुद्रा प्रतीक राशि से पहले या बाद में रखें, या प्रत्येक मुद्रा के अनुसार ऑटो।
- राउंडिंग - मानक, हमेशा ऊपर, हमेशा नीचे, या कोई राउंडिंग नहीं। .99 के निकटतम तक राउंड करने का विकल्प।
थीम एकीकरण (Pro)
इन HTML स्निपेट्स का उपयोग करके विजेट या कार्ट नोटिस को अपनी थीम में कहीं भी मैन्युअल रूप से एम्बेड करें:
विजेट एम्बेड (header.liquid या किसी भी सेक्शन में जोड़ें):
<div class="cwiki-widget"></div>
कार्ट नोटिस एम्बेड (cart.liquid में जोड़ें):
<div class="cwiki-banner"></div>
डेवलपर विकल्प (Pro)
- स्टाइल ओवरराइड्स - विजेट स्टाइलिंग को ट्वीक करने के लिए कस्टम CSS इंजेक्ट करें।
- क्लिक लिसनर्स - विशिष्ट तत्वों पर क्लिक होने पर कीमतें पुनः कन्वर्ट करें (जैसे, साइज पिकर, उत्पाद विकल्प)।
- अतिरिक्त मूल्य तत्व - डिफ़ॉल्ट .cwiki wrapper के अलावा अतिरिक्त मूल्य तत्वों को लक्षित करें।
- URL पैटर्न - URL में विशिष्ट स्ट्रिंग्स होने पर कीमतों के लिए पुनः स्कैन करें (AJAX सामग्री, अंतहीन स्क्रॉल के लिए)।
- कन्वर्ज़न देरी - कीमतें कन्वर्ट करने से पहले प्रतीक्षा करें (उन सामग्रियों के लिए जो पेज तैयार होने के बाद लोड होती हैं)।
ध्यान दें: ये विकल्प एडवांस्ड उपयोगकर्ताओं के लिए हैं। प्रकाशित करने से पहले प्रीव्यू थीम पर टेस्ट करें।
6 समस्या निवारण
कीमतें कन्वर्ट नहीं हो रहीं?
सुनिश्चित करें कि cwiki wrapper class आपके करेंसी फॉर्मेट सेटिंग्स में है। Settings → General → Store defaults पर जाएँ और HTML फॉर्मेटिंग जांचें। साथ ही थीम कस्टमाइज़र में ऐप एम्बेड सक्षम है या नहीं, यह भी देखें।
विजेट नहीं दिख रहा?
जांचें कि थीम के App Embeds सेक्शन में ऐप एम्बेड सक्षम है या नहीं। थीम कस्टमाइज़र खोलें, App Embeds ढूंढें, और Currency.Wiki को ON करें। सेव करें और अपने स्टोर को रिफ्रेश करें।
लोड पर कीमतें झिलमिला रही हैं?
हमारा ऐप जीरो-फ्लिकर लोडिंग के लिए डिज़ाइन किया गया है। यदि आपको झिलमिलाहट दिखे, तो जांचें कि कोई कैशिंग प्लगइन हस्तक्षेप तो नहीं कर रहा। साथ ही सुनिश्चित करें कि ऐप एम्बेड थीम के head सेक्शन में लोड हो रहा है।
गलत मुद्रा डिटेक्ट हो रही है?
जियो-डिटेक्शन आगंतुक के IP पते पर आधारित है। VPN या कॉर्पोरेट नेटवर्क डिटेक्शन को प्रभावित कर सकते हैं। आगंतुक हमेशा अपनी पसंदीदा मुद्रा मैन्युअली चुन सकते हैं। आप सेटिंग्स में डिफ़ॉल्ट फॉलबैक मुद्रा भी सेट कर सकते हैं।
विजेट मेरी थीम से मेल नहीं खा रहा?
थीम और रूप सेटिंग्स का उपयोग करके रंग कस्टमाइज़ करें, या ऑटो मोड सक्षम करें ताकि आपके थीम के रंग स्वतः पता चलें। फाइन-ट्यूनिंग के लिए एडवांस्ड सेटिंग्स में कस्टम CSS भी उपयोग कर सकते हैं।
मदद चाहिए?
सेटअप या कॉन्फ़िगरेशन से जुड़े किसी भी प्रश्न में हमारी सपोर्ट टीम आपकी सहायता के लिए तैयार है।
