यूनिवर्सल 1-लाइन एम्बेड
HTML & Custom Websites के लिए WhatsApp बटन
अपनी HTML & Custom Websites वेबसाइट पर फ़्लोटिंग WhatsApp बटन जोड़ें। ग्रीटिंग चुनें और विज़िटर्स को अपने बिज़नेस नंबर पर मैसेज करने दें।
1 मिनट में सेटअप टारगेट: index.html (before </body>) or root layout component
HTML & Custom Websites के लिए स्टेप-बाय-स्टेप इंस्टॉलेशन
अपनी HTML & Custom Websites वेबसाइट में WAButton इंस्टॉलेशन कोड जोड़ने के लिए ये स्टेप फ़ॉलो करें।
- 1
अपना एम्बेड स्निपेट कॉपी करें
अपने WAButton विजेट डैशबोर्ड या ऑनबोर्डिंग स्क्रीन से अपना खास स्क्रिप्ट स्निपेट कॉपी करें।
काम की टिप: पक्का करें कि async एट्रिब्यूट लगा रहे, ताकि ब्राउज़र इसे बिना ब्लॉक किए एसिंक्रोनस तरीके से लोड करे।
- 2
बंद होने वाले </body> टैग से पहले पेस्ट करें
कोड को अपनी रूट HTML फ़ाइल (उदा. index.html) या रूट लेआउट कंपोनेंट (उदा. layout.tsx, App.vue, base.blade.php) में </body> से ठीक पहले पेस्ट करें।
काम की टिप: स्क्रिप्ट को </body> से ठीक पहले रखने से आपके पेज का कंटेंट पहले लोड होता है।
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 3
ब्राउज़र में खोलें
फ़ाइल सेव करें और अपना ब्राउज़र रिफ़्रेश करें। आपका फ़्लोटिंग WhatsApp बटन तुरंत नीचे के कोने में दिखेगा।
स्टोर मालिक और एजेंसियां HTML & Custom Websites के लिए WAButton क्यों चुनते हैं
एक यूनिवर्सल स्क्रिप्ट टैग
एक छोटा-सा async लोडर, जो स्टैटिक HTML, SSR और SPA फ़्रेमवर्क में एक जैसा काम करता है।
स्कोप्ड स्टाइल
हर स्टाइल wabutton-प्रीफ़िक्स वाले क्लास नामों तक सीमित है, इसलिए यह आपकी Tailwind, Bootstrap या कस्टम CSS क्लासेज़ की स्टाइल नहीं बदलता।
अपने-आप में पूरी स्क्रिप्ट
Preact से बनी और स्क्रिप्ट के अंदर ही शामिल, इसलिए आपके पेज को न jQuery चाहिए, न React, न आइकन फ़ॉन्ट।
SPA नेविगेशन को समझता है
क्लाइंट-साइड रूट बदलने पर भी विजेट की स्थिति अपने-आप बनाए रखता है (React Router, Next.js, Vue Router)।
अक्सर पूछे जाने वाले सवाल
क्या WAButton, React, Next.js या Vue जैसे Single Page Apps (SPAs) के साथ काम करता है?
- हां! WAButton, window ऑब्जेक्ट पर इनिशियलाइज़ होता है और क्लाइंट-साइड राउटर नेविगेशन के दौरान बना रहता है, इसलिए हर रूट बदलने पर इसे दोबारा चलाने की ज़रूरत नहीं पड़ती।
क्या WAButton से मेरा Google Lighthouse या PageSpeed Insights स्कोर कम होगा?
- WAButton एक async स्क्रिप्ट है, जिसका साइज़ 40KB (gzip के बाद) से कम है और जो Cloudflare के एज से सर्व होती है, इसलिए यह फ़र्स्ट पेंट को ब्लॉक नहीं करती। चैट पैनल तभी लोड होता है जब कोई विज़िटर उसे खोलता है। आपके अपने स्कोर पर इसका असर आपकी साइट पर निर्भर करता है, इसलिए इसे जोड़ने से पहले और बाद में PageSpeed Insights चलाकर देखें।
संबंधित मुफ़्त टूल
अपने बिज़नेस के लिए WhatsApp लिंक, QR कोड और मैसेज बनाएं।
और इंस्टॉलेशन गाइड
अपनी वेबसाइट पर WhatsApp जोड़ें।
विज़िटर्स को अपने प्रोडक्ट, कीमत या उपलब्धता के बारे में पूछने का रास्ता दें। अपने मौजूदा WhatsApp से जवाब दें।
मुफ़्त प्लान उपलब्ध। क्रेडिट कार्ड की ज़रूरत नहीं।