किसी भी HTML साइट में WhatsApp चैट बटन जोड़ें
विजेट यहाँ बनाएँ, HTML का एक ब्लॉक कॉपी करें, और उसे किसी भी HTML साइट में चिपका दें। न कोई प्लगइन इंस्टॉल करना है, न मासिक शुल्क, और न किसी और के सर्वर से लोड होती कोई स्क्रिप्ट।
किसी भी HTML साइट में इसे जोड़ना
- अपने पेज की HTML फ़ाइल खोलें, या वह साझा टेम्पलेट जो हर पेज इस्तेमाल करता है।
- कोड को </body> टैग से ठीक पहले चिपकाएँ।
- फ़ाइल अपलोड करें और अपनी साइट रीलोड करें।
- सख़्त Content-Security-Policy पर, <style> और <script> ब्लॉक अलग फ़ाइलों में ले जाएँ और इनलाइन करने के बजाय उन्हें संदर्भित करें।
प्लगइन क्यों नहीं?
होस्टेड चैट प्लगइन हर पेज लोड में एक तीसरे पक्ष का अनुरोध जोड़ देता है, बिना बताए अपना डिज़ाइन बदल सकता है, और ट्रैफ़िक बढ़ते ही आम तौर पर सदस्यता माँगने लगता है। यहाँ बनाया गया कोड सादा HTML, CSS और JavaScript है जो आपके ही टेम्पलेट में रहता है — लगभग 11 KB, कोई बाहरी अनुरोध नहीं, और किसी और का रोडमैप नहीं।
चिपकाने से पहले
पहले पूरे बिल्डर में विजेट बनाएँ और «परीक्षण पेज डाउनलोड करें» से पक्का करें कि वह ठीक दिखता है। फिर कोड कॉपी करें और ऊपर के चरण अपनाएँ — उसे हर पेज पर अलग-अलग नहीं, बल्कि सभी पेजों में साझा टेम्पलेट में एक ही बार चिपकाएँ।
अक्सर पूछे जाने वाले सवाल
क्या चैट विजेट मेरी साइट धीमी करेगा?
यह लगभग 11 KB इनलाइन HTML, CSS और JavaScript जोड़ता है और कोई नेटवर्क अनुरोध नहीं करता, इसलिए अलग से डाउनलोड नहीं होता और रेंडरिंग रोक नहीं सकता। होस्टेड चैट विजेट आम तौर पर किसी तीसरे पक्ष से 100 KB या उससे ज़्यादा लोड करते हैं।
क्या विजेट सुलभ (accessible) है?
संपर्क असली लिंक हैं, इसलिए वे JavaScript के बिना और स्क्रीन रीडर के साथ भी काम करते हैं। बटन अपनी स्थिति बताता है, पैनल Escape से बंद होता है, फ़ोकस अंदर जाकर वापस आता है, हर टारगेट कम से कम 44 पिक्सेल का है, और आगंतुक कम एनिमेशन माँगे तो एनिमेशन हटा दिया जाता है।