लाइव प्रीव्यू
आप जो कोड कॉपी करेंगे, बदलाव करते समय वही सैंपल पेज पर दिखता है।
वेबसाइट के लिए मुफ़्त WhatsApp चैट बटन
आपकी वेबसाइट के लिए WhatsApp विजेट जनरेटर
तैरता हुआ WhatsApp चैट बटन डिज़ाइन करें, सैंपल पेज पर उसे लाइव देखें और छोटा-सा HTML स्निपेट कॉपी करें। WordPress, Shopify, Wix, Squarespace, Webflow या हाथ से बनी साइट — सब पर चलता है, बिना प्लगइन, बिना बाहरी स्क्रिप्ट और बिना विज़िटर ट्रैकिंग।
कंट्री कोड ज़रूर जोड़ें। स्पेस, डैश और शुरुआत में + चल जाएगा।
विज़िटर को यह टेक्स्ट WhatsApp में दिखेगा और वह भेजने से पहले इसे बदल सकता है। कुछ भी अपने-आप नहीं भेजा जाता।
एम्बेड कोड: </body> से पहले पेस्ट करें
एम्बेड कोड बनाने के लिए WhatsApp नंबर डालें।
मुफ़्त, बिना साइन-अप। आपके ब्राउज़र में बनता है; आप जो भी टाइप करते हैं वह MyChatWrap को नहीं भेजा जाता।
WhatsApp वेबसाइट विजेट क्या है?
WhatsApp विजेट आपकी वेबसाइट के कोने में लगा बटन है, जिस पर क्लिक करते ही आपके बिज़नेस के साथ WhatsApp चैट खुल जाती है। यह जनरेटर शुद्ध HTML और CSS बनाता है: वैकल्पिक स्वागत बबल के साथ स्टाइल किया हुआ wa.me लिंक। किसी दूसरे सर्वर से कुछ लोड नहीं होता, इसलिए इसका वज़न लगभग शून्य है, यह साइट को धीमा नहीं कर सकता और इसके लिए कुकी बैनर की ज़रूरत नहीं।
हल्का चैट बटन, पूरी तरह आपके कंट्रोल में
न स्क्रिप्ट, न ट्रैकिंग
शुद्ध HTML और CSS, लगभग 1 KB, न थर्ड-पार्टी रिक्वेस्ट, न कुकी।
अपना टेक्स्ट और रंग
"हमसे बात करें" जैसा लेबल या ब्रांड रंग में सिर्फ़ आइकन वाला गोल बटन रखें।
स्वागत बबल
बटन के ऊपर वैकल्पिक मैसेज विज़िटर को चैट शुरू करने के लिए बुलाता है।
मोबाइल के लिए बढ़िया
चाहें तो फ़ोन पर सिर्फ़ आइकन बन जाता है ताकि कंटेंट न ढके।
डिफ़ॉल्ट रूप से एक्सेसिबल
कीबोर्ड फ़ोकस स्टाइल और स्क्रीन रीडर लेबल पहले से शामिल।
अपनी वेबसाइट पर WhatsApp कैसे जोड़ें
1. नंबर डालें
कंट्री कोड के साथ अपना WhatsApp या WhatsApp Business नंबर जोड़ें।
2. बटन डिज़ाइन करें
टेक्स्ट, स्वागत मैसेज, रंग, जगह और पहले से लिखा मैसेज तय करें।
3. कोड पेस्ट करें
स्निपेट कॉपी करें और अपनी साइट पर </body> से ठीक पहले पेस्ट करें।
कोड कहाँ पेस्ट करें
स्निपेट एक बार ऐसी जगह पेस्ट करें जो हर पेज पर लोड होती हो:
- WordPress: हेडर/फ़ुटर कोड प्लगइन, या थीम की footer.php में </body> से पहले
- Shopify: Online Store → Themes → Edit code → theme.liquid, </body> से पहले
- Wix: Settings → Custom Code → Body - end, सभी पेज पर
- Squarespace: Settings → Advanced → Code Injection → Footer
- Webflow: Project settings → Custom code → Footer code
- कोई भी HTML साइट: बंद होने वाले </body> टैग से ठीक पहले
शुद्ध HTML विजेट ही क्यों?
ज़्यादातर चैट प्लगइन हर पेज व्यू पर किसी दूसरी कंपनी के सर्वर से JavaScript लोड करते हैं। इससे पेज भारी होता है, ट्रैकिंग कुकी लग सकती हैं और सर्विस प्लान बदले तो काम बंद हो जाता है। यह स्निपेट एक स्टाइल किया हुआ लिंक है: अगर आपका पेज खुलता है, तो बटन काम करता है।
इसकी कीमत यह है कि इसमें क्लिक के आँकड़े नहीं हैं। विजेट से आई चैट पहचानने के लिए "नमस्ते, मैं आपकी वेबसाइट से आया हूँ" जैसा अलग मैसेज रखें।
बटन से ज़्यादा बातचीत कैसे पाएँ
सिर्फ़ आइकन दिखाने के बजाय बताएँ कि क्या होगा ("हमसे बात करें", "सवाल पूछें"), स्वागत मैसेज छोटा और अपनापन भरा रखें, और पहले से मैसेज लिख दें ताकि किसी को खाली बॉक्स न दिखे। फ़ोन पर सिर्फ़ आइकन वाला बटन प्रोडक्ट फ़ोटो या चेकआउट बटन को नहीं ढकता।
यह टूल क्या करता है
- शुद्ध HTML/CSS में तैरता WhatsApp बटन बनाता है
- बिल्कुल उसी स्निपेट का लाइव प्रीव्यू दिखाता है
- टेक्स्ट, रंग, स्वागत मैसेज, जगह और मोबाइल विकल्प देता है
- पब्लिश करने से पहले नंबर जाँचता है
यह क्या नहीं कर सकता
- लाइव चैट, चैटबॉट या टीम का साझा इनबॉक्स देना
- क्लिक या विज़िटर गिनना — जानबूझकर कोई ट्रैकिंग नहीं
- खुद इंस्टॉल होना — स्निपेट आपको साइट में पेस्ट करना होगा
आपके ब्राउज़र में प्राइवेट तरीके से बनता है
इस पेज पर सब कुछ आपके ब्राउज़र में बनता है। आप जो नंबर, मैसेज और सेटिंग डालते हैं, वे MyChatWrap को नहीं भेजे जाते और कहीं सेव नहीं होते। आपके डिवाइस से सिर्फ़ वही बाहर जाता है जिसे आप खुद कॉपी, डाउनलोड या पब्लिश करते हैं।
WhatsApp विजेट से जुड़े सवाल
इससे जुड़े WhatsApp टूल
WhatsApp लिंक जनरेटर
पहले से लिखे मैसेज के साथ wa.me क्लिक-टू-चैट लिंक बनाएँ, कॉपी करने के लिए तैयार।
WhatsApp QR कोड जनरेटर
अपने रंगों में, PNG या प्रिंट-रेडी SVG के रूप में स्कैन-टू-चैट WhatsApp QR कोड बनाएँ।
WhatsApp मैसेज टेम्पलेट
ऑर्डर, रिमाइंडर, ऑफ़र और बहुत कुछ के लिए तैयार WhatsApp Business मैसेज भरें।
WhatsApp to PDF
हर मैसेज चाहिए? पूरी क्रमवार ट्रांसक्रिप्ट की PDF बनाएँ।
क्या आप पहले से WhatsApp पर ग्राहकों से बात करते हैं?
किसी ग्राहक या टीम की चैट एक्सपोर्ट करें और जवाब देने का समय, सबसे व्यस्त घंटे, बातचीत कौन शुरू करता है और बहुत कुछ देखें — सब आपके ब्राउज़र में प्राइवेट तरीके से।
WhatsApp चैट का विश्लेषण करें