Shopify 2.0 और लेगेसी थीम
Shopify के लिए WhatsApp बटन
अपनी Shopify वेबसाइट पर फ़्लोटिंग WhatsApp बटन जोड़ें। ग्रीटिंग चुनें और विज़िटर्स को अपने बिज़नेस नंबर पर मैसेज करने दें।
2 मिनट में सेटअप टारगेट: layout/theme.liquid
Shopify के लिए स्टेप-बाय-स्टेप इंस्टॉलेशन
अपनी Shopify वेबसाइट में WAButton इंस्टॉलेशन कोड जोड़ने के लिए ये स्टेप फ़ॉलो करें।
- 1
अपना Shopify थीम कोड एडिटर खोलें
अपने Shopify Admin डैशबोर्ड में Online Store -> Themes पर जाएं। अपनी लाइव थीम के बगल में तीन बिंदु (...) वाले मेन्यू पर क्लिक करें और "Edit code" चुनें।
काम की टिप: कोड बदलने से पहले हमेशा अपनी लाइव थीम की एक कॉपी बैकअप के तौर पर बना लें।
- 2
theme.liquid ढूंढें
बाईं ओर के फ़ाइल नेविगेटर में Layout के नीचे theme.liquid पर क्लिक करें। फ़ाइल में बिल्कुल नीचे तक स्क्रॉल करें।
काम की टिप: बंद होने वाला </body> टैग जल्दी ढूंढने के लिए आप Ctrl+F या Cmd+F इस्तेमाल कर सकते हैं।
- 3
WAButton का एम्बेड स्निपेट पेस्ट करें
अपना खास WAButton स्क्रिप्ट स्निपेट बंद होने वाले </body> टैग से ठीक पहले पेस्ट करें।
काम की टिप: स्क्रिप्ट को </body> से ठीक पहले रखने से आपके स्टोर का कंटेंट पहले लोड होता है।
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 4
सेव करें और लाइव प्रीव्यू जांचें
ऊपर दाईं ओर Save पर क्लिक करें। अपना लाइव Shopify स्टोरफ़्रंट खोलकर देखें कि आपका WhatsApp बटन चालू है।
स्टोर मालिक और एजेंसियां Shopify के लिए WAButton क्यों चुनते हैं
Async, नॉन-ब्लॉकिंग स्क्रिप्ट
लॉन्चर एक छोटी स्क्रिप्ट है (gzip के बाद 40KB से कम), जो Cloudflare के एज से सर्व होती है और एसिंक्रोनस तरीके से लोड होती है, इसलिए यह फ़र्स्ट पेंट को ब्लॉक नहीं करती। चैट पैनल तभी लोड होता है जब कोई विज़िटर उसे खोलता है।
Meta Pixel और GA4 पर सीधी ट्रैकिंग
generate_lead और contact इवेंट सीधे आपके Facebook विज्ञापन पिक्सल पर भेजता है।
मल्टी-एजेंट सपोर्ट रूटिंग
पूछताछ को सेल्स, शिपिंग और ऑर्डर सपोर्ट एजेंटों के बीच अपने-आप रूट करें।
चैट से पहले लीड क्वालिफ़िकेशन
WhatsApp खोलने से पहले ग्राहक का नाम, ईमेल और मकसद इकट्ठा करें।
अक्सर पूछे जाने वाले सवाल
क्या मुझे App Store से कोई भारी Shopify ऐप इंस्टॉल करना होगा?
- नहीं! WAButton सीधे आपकी थीम में एक हल्के स्क्रिप्ट टैग से चलता है। इससे Shopify ऐप्स के बढ़ते मासिक सब्सक्रिप्शन से बचाव होता है, और थर्ड-पार्टी ऐप्स की धीमी स्क्रिप्ट भी आपकी साइट में नहीं डाली जातीं।
क्या इससे मेरा Shopify स्टोरफ़्रंट धीमा होगा या मेरा Google PageSpeed स्कोर गिरेगा?
- WAButton एक async स्क्रिप्ट है, जिसका साइज़ 40KB (gzip के बाद) से कम है और जो Cloudflare के एज से सर्व होती है, इसलिए यह फ़र्स्ट पेंट को ब्लॉक नहीं करती। चैट पैनल तभी लोड होता है जब कोई विज़िटर उसे खोलता है। आपके स्टोर के PageSpeed स्कोर पर इसका असर आपकी थीम और ऐप्स पर निर्भर करता है, इसलिए इसे इंस्टॉल करने से पहले और बाद में PageSpeed Insights चलाकर देखें।
क्या यह ट्रैक किया जा सकता है कि WhatsApp बातचीत किस Facebook या Google विज्ञापन से शुरू हुई?
- हां! WAButton UTM पैरामीटर (source, campaign, medium, ad) कैप्चर करता है और उन्हें पहले से भरे WhatsApp मैसेज में जोड़ देता है, साथ ही Meta Pixel (fbq) और Google Analytics 4 (gtag) को इवेंट भी भेजता है।
संबंधित मुफ़्त टूल
अपने बिज़नेस के लिए WhatsApp लिंक, QR कोड और मैसेज बनाएं।
और इंस्टॉलेशन गाइड
- सेटअप गाइड देखें3 मिनट
WooCommerce & WordPress
WooCommerce और WordPress 6+
अपनी WooCommerce & WordPress वेबसाइट पर WhatsApp बटन जोड़ें।
- सेटअप गाइड देखें2 मिनट
Magento & Adobe Commerce
Magento Open Source और Adobe Commerce
अपनी Magento & Adobe Commerce वेबसाइट पर WhatsApp बटन जोड़ें।
- सेटअप गाइड देखें2 मिनट
PrestaShop
PrestaShop 1.7 और 8+
अपनी PrestaShop वेबसाइट पर WhatsApp बटन जोड़ें।
अपनी वेबसाइट पर WhatsApp जोड़ें।
विज़िटर्स को अपने प्रोडक्ट, कीमत या उपलब्धता के बारे में पूछने का रास्ता दें। अपने मौजूदा WhatsApp से जवाब दें।
मुफ़्त प्लान उपलब्ध। क्रेडिट कार्ड की ज़रूरत नहीं।