Free Tool

Build a WhatsApp chat widget for your website

Configure it below and try it out right on this page. The bubble in the corner is the real widget, live.

Configure your widget

Changes update the live preview and the snippet instantly.

Pick your country so the code is right (WhatsApp can't find the chat without it), then enter the rest of the number, digits only.

Raise this if the widget ends up hidden behind another element on your site, like a cookie banner or a different chat tool.

Your embed snippet

Paste this before the closing </body> tag on your website.

Live preview

Look at the bottom corner of this page. That's your widget, rendered from the settings above using the real embed script.

Manage your leads on WhatsApp Web

Download the free Chat Quotient Chrome extension to see and manage every conversation directly inside WhatsApp Web, a full WhatsApp CRM experience.

Add to Chrome, It's Free

WhatsApp चैट विजेट क्या है?

एक WhatsApp चैट विजेट एक छोटा बटन है जो किसी वेबसाइट के कोने में बैठता है और क्लिक करने पर व्यवसाय के साथ एक WhatsApp वार्तालाप खोलता है, या तो सीधे व्यवसाय के WhatsApp नंबर पर या पहले एक छोटे फॉर्म के माध्यम से। यह एक स्थिर "हमसे संपर्क करें" लिंक या ईमेल फॉर्म को एक चैनल से बदल देता है जो अधिकांश विज़िटर्स के पास अपने फोन पर पहले से खुला है।

यह एक सादे "चैट करने के लिए क्लिक करें" लिंक (सिर्फ एक पाठ या आइकन जो wa.me खोलता है) से अलग है क्योंकि एक विजेट कॉन्फ़िगर किया जा सकता है: स्थिति, रंग और एक पूर्व-भरी हुई बातचीत।

अपनी वेबसाइट पर WhatsApp चैट विजेट कैसे जोड़ें

  1. 1

    अपने विजेट को कॉन्फ़िगर करें

    अपना WhatsApp नंबर दर्ज करें, फिर विजेट के लिए एक रंग और कोना चुनें।

  2. 2

    स्निपेट कॉपी करें

    ऊपर "स्निपेट कॉपी करें" बटन का उपयोग करें। यह एक एकल <script> टैग है, कोई अन्य फाइलें या निर्भरताएँ नहीं।

  3. 3

    इसे अपनी साइट पर पेस्ट करें

    इसे अपनी साइट के HTML के क्लोजिंग </body> टैग से पहले जोड़ें।

  4. 4

    प्रकाशित करें

    बस। विजेट स्निपेट से खुद को प्रस्तुत करता है, कोई बिल्ड स्टेप, बैकएंड या खाता आवश्यक नहीं।

प्लेटफॉर्म द्वारा कहाँ पेस्ट करें

WordPress
"Insert Headers and Footers" या "WPCode" जैसी एक प्लगइन का उपयोग करें, या इसे Appearance → Theme File Editor के माध्यम से अपने थीम के footer.php में </body> से पहले सीधे पेस्ट करें।
Shopify
Online Store → Themes → Edit code → theme.liquid, और स्निपेट को </body> के ठीक ऊपर पेस्ट करें।
Wix
Settings → Custom Code → Add Code, इसे "Body - end" सेक्शन में सभी पृष्ठों पर लोड करने के लिए सेट करें।
Webflow
Project Settings → Custom Code → Footer Code, फिर अपनी साइट प्रकाशित करें।
कोई अन्य साइट
यदि आप अपनी साइट की HTML संपादित कर सकते हैं, तो इसे </body> से पहले पेस्ट करें। यह हर जगह समान रूप से काम करता है।

अपनी वेबसाइट पर WhatsApp बटन क्यों जोड़ें

कोई फॉर्म नहीं, कोई ईमेल नहीं, कोई पृष्ठ पुनः लोड नहीं

विज़िटर्स आपको एक ऐप के माध्यम से पहुँचते हैं जो उनके पास पहले से ही अपने फोन पर खुला है, संपर्क फॉर्म में टाइप करने और जवाब की प्रतीक्षा करने के बजाय।

यह विज़िटर्स को वहाँ मिलता है जहाँ वे पहले से हैं

WhatsApp दुनिया भर में अरबों लोगों के लिए डिफ़ॉल्ट मेसेजिंग ऐप है। अधिकांश विज़िटर्स के लिए, डाउनलोड या साइन अप करने के लिए कुछ नया नहीं है।

हर चैट संदर्भ के साथ शुरू होता है

एक पूर्व-भरी हुई बातचीत का मतलब है कि बातचीत ठंडी शुरुआत नहीं होती। विज़िटर्स WhatsApp में आते हैं और उनका संदेश पहले से तैयार होता है।

आप नियंत्रित करते हैं कि यह बिल्कुल कहाँ बैठता है

रंग, कोना और ऑफसेट सेट करें ताकि विजेट आपकी साइट से मेल खाए, एक सामान्य डिफ़ॉल्ट बुलबुले के बजाय।

मुफ्त, बिना अनुमोदन प्रक्रिया के

कोई WhatsApp Business API आवेदन नहीं, कोई अलग नंबर नहीं, एक स्क्रिप्ट टैग के बाहर कोई कोड नहीं।

चैट बटन बनाम चैट विजेट। अंतर क्या है?

चैट बटन

एक स्थिर लिंक या आइकन जो क्लिक करने पर WhatsApp चैट खोलता है। गंतव्य नंबर के बाहर कोई कॉन्फ़िगरेशन नहीं।

चैट विजेट

  • कॉन्फ़िगर करने योग्य रंग, स्थिति और पूर्व-भरी हुई बातचीत
  • हर जगह काम करता है: WordPress, Shopify, Wix, Webflow, या सादा HTML, कोई निर्भरताएँ नहीं
  • यह बिल्कुल वही है जो आप ऊपर बना रहे हैं

बार-बार पूछे जाने वाले प्रश्न

क्या यह WhatsApp चैट विजेट जेनरेटर मुफ्त है? +

हाँ। ऊपर जो रीडायरेक्ट विजेट आप बनाते हैं (आपके नंबर, रंग, स्थिति और बातचीत के साथ) मुफ्त है, एक छोटे "Powered by Chat Quotient" बैज के साथ। भविष्य के लिए एक AI-एजेंट-चालित Pro संस्करण की योजना है।

क्या मुझे इसका उपयोग करने के लिए WhatsApp Business API की आवश्यकता है? +

नहीं। विजेट आपके मौजूदा WhatsApp नंबर का उपयोग करके एक सामान्य WhatsApp चैट खोलता है। कोई Business API अनुमोदन या अलग नंबर आवश्यक नहीं।

क्या यह WordPress, Shopify, Wix, या किसी अन्य वेबसाइट पर काम करेगा? +

हाँ। यह निर्भरताओं के बिना एक एकल <script> टैग है, इसलिए यह किसी भी जगह काम करता है जहाँ आप HTML पेस्ट कर सकते हैं: WordPress, Shopify, Wix, Webflow, Squarespace, या हाथ से बनाई गई साइट।

क्या विजेट मेरी वेबसाइट को धीमा करता है? +

यह ध्यान देने योग्य नहीं होना चाहिए। स्क्रिप्ट छोटी है, async और defer के साथ लोड होती है इसलिए यह कभी भी आपके पृष्ठ को अवरुद्ध नहीं करती, और यह एक अलग Shadow DOM के अंदर प्रस्तुत होती है इसलिए यह आपकी साइट की शैली से टकराती नहीं है।

क्या मैं विज़िटर का नाम कैप्चर कर सकता हूँ इससे पहले कि वह WhatsApp पर जाए? +

अभी नहीं। WhatsApp हैंडऑफ से पहले लीड कैप्चर रोडमैप पर है, और एक बार तैयार होने के बाद हम यहाँ टॉगल को फिर से सक्षम करेंगे।

मेरी कॉन्फ़िगरेशन कहाँ संग्रहीत है? +

हमारे सर्वर पर कहीं नहीं। आपकी सेटिंग्स पूरी तरह से स्क्रिप्ट टैग के अंदर रहती हैं जो आप अपनी साइट पर पेस्ट करते हैं। बाद में कुछ बदलने के लिए, इस पृष्ठ पर वापस आएँ, पुनः कॉन्फ़िगर करें और नया स्निपेट कॉपी करें (अपने वर्तमान की एक प्रति रखें, क्योंकि हम आपके लिए इसे स्टोर नहीं करते)।

चैट बटन और चैट विजेट के बीच क्या अंतर है? +

एक "चैट बटन" आमतौर पर सिर्फ एक स्थिर लिंक है जो WhatsApp खोलता है। एक "चैट विजेट" (जो यह उपकरण बनाता है) एक फ्लोटिंग लॉन्चर है जिसमें कॉन्फ़िगर करने योग्य बातचीत, स्थिति और रंग है।

क्या मैं अपना व्यक्तिगत WhatsApp नंबर उपयोग कर सकता हूँ, या मुझे एक व्यावसायिक नंबर की आवश्यकता है? +

कोई भी WhatsApp नंबर काम करता है, व्यक्तिगत या व्यावसायिक। बस देश कोड के साथ दर्ज करें और कोई रिक्त स्थान या प्लस चिन्ह नहीं।