HTML Content मॉड्यूल
OpenCart के लिए WhatsApp बटन
अपनी OpenCart वेबसाइट पर फ़्लोटिंग WhatsApp बटन जोड़ें। ग्रीटिंग चुनें और विज़िटर्स को अपने बिज़नेस नंबर पर मैसेज करने दें।
4 मिनट में सेटअप टारगेट: HTML Content module → Content Bottom on every layout
OpenCart के लिए स्टेप-बाय-स्टेप इंस्टॉलेशन
अपनी OpenCart वेबसाइट में WAButton इंस्टॉलेशन कोड जोड़ने के लिए ये स्टेप फ़ॉलो करें।
- 1
HTML Content मॉड्यूल इंस्टॉल करें
OpenCart एडमिन में Extensions → Extensions पर जाएं, टाइप को Modules पर सेट करें, HTML Content ढूंढें, Install पर क्लिक करें, फिर नया इंस्टेंस जोड़ने के लिए प्लस आइकन पर क्लिक करें।
काम की टिप: HTML Content एक मल्टी-इंस्टेंस मॉड्यूल है। इस इंस्टेंस का नाम WAButton रखें, ताकि बाद में लेआउट में इसे आसानी से ढूंढ सकें।
- 2
सोर्स व्यू में पेस्ट करें, फिर सेव करें
मॉड्यूल खोलें। Heading खाली छोड़ दें। Description में source / HTML बटन (</>) पर क्लिक करें, स्निपेट पेस्ट करें, फिर से </> पर क्लिक करें ताकि एडिटर script टैग बनाए रखे, Status को Enabled पर सेट करें और Save करें।
काम की टिप: अगर आप विज़ुअल एडिटर में पेस्ट करते हैं, तो OpenCart का CKEditor <script> हटा देता है। पेस्ट करने से पहले और बाद में हमेशा सोर्स व्यू पर स्विच करें।
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 3
इसे अपने हर इस्तेमाल होने वाले लेआउट पर असाइन करें
Design → Layouts पर जाएं। Home, Default, Product, Category और आपके स्टोर में इस्तेमाल होने वाले किसी भी दूसरे लेआउट को Edit करें। हर एक में WAButton HTML Content मॉड्यूल को Content Bottom में जोड़ें, फिर Save करें।
काम की टिप: सिर्फ़ Home पर असाइन करने से प्रोडक्ट और कैटेगरी पेजों पर बटन छिप जाता है। Content Bottom वह मुख्य पोज़िशन है जिसे हर डिफ़ॉल्ट लेआउट दिखाता है।
स्टोर मालिक और एजेंसियां OpenCart के लिए WAButton क्यों चुनते हैं
मार्केटप्लेस एक्सटेंशन की ज़रूरत नहीं
OpenCart का HTML Content मॉड्यूल पहले से मौजूद है। आपको 'पेजों में JS जोड़ने' वाला कोई पेड एक्सटेंशन नहीं चाहिए।
थीम अपडेट से यह मिटता नहीं
Design → Layouts में असाइन किया गया मॉड्यूल थीम बदलने पर भी बना रहता है। footer.twig में किया गया बदलाव नहीं बचता।
स्टोरफ़्रंट का हर रूट
उसी मॉड्यूल को Home, Default, Product और Category पर असाइन करें, ताकि बटन सिर्फ़ Home पर न दिखे।
अक्सर पूछे जाने वाले सवाल
मैंने मॉड्यूल सेव किया तो स्क्रिप्ट गायब हो गई। ऐसा क्यों?
- विज़ुअल एडिटर <script> हटा देता है। मॉड्यूल को फिर से Edit करें, source / HTML (</>) बटन पर क्लिक करें, पेस्ट करें, दूसरी बार </> पर क्लिक करें, फिर Save करें।
क्या इसकी जगह footer.twig में पेस्ट किया जा सकता है?
- हां, Design → Theme Editor → आपकी थीम → common → footer.twig में, क्लोज़िंग मार्कअप से ठीक पहले। थीम अपडेट और थीम बदलने पर वह बदलाव मिट जाएगा। HTML Content मॉड्यूल ज़्यादा सुरक्षित तरीका है।
संबंधित मुफ़्त टूल
अपने बिज़नेस के लिए WhatsApp लिंक, QR कोड और मैसेज बनाएं।
और इंस्टॉलेशन गाइड
- सेटअप गाइड देखें2 मिनट
Shopify
Shopify 2.0 और लेगेसी थीम
अपनी Shopify वेबसाइट पर WhatsApp बटन जोड़ें।
- सेटअप गाइड देखें3 मिनट
WooCommerce & WordPress
WooCommerce और WordPress 6+
अपनी WooCommerce & WordPress वेबसाइट पर WhatsApp बटन जोड़ें।
- सेटअप गाइड देखें2 मिनट
Magento & Adobe Commerce
Magento Open Source और Adobe Commerce
अपनी Magento & Adobe Commerce वेबसाइट पर WhatsApp बटन जोड़ें।
अपनी वेबसाइट पर WhatsApp जोड़ें।
विज़िटर्स को अपने प्रोडक्ट, कीमत या उपलब्धता के बारे में पूछने का रास्ता दें। अपने मौजूदा WhatsApp से जवाब दें।
मुफ़्त प्लान उपलब्ध। क्रेडिट कार्ड की ज़रूरत नहीं।