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