Webflow में WhatsApp बटन कैसे जोड़ें (मुफ्त — किसी ऐप की जरूरत नहीं)
आप Webflow पर इस लिए बनाते हैं क्योंकि आप नियंत्रण चाहते हैं — साफ़ इंटरैक्शन, सटीक डिज़ाइन, कोई भी ऐसा तत्व जो अपनी जगह का हकदार न हो वह जोड़ा नहीं। एक WhatsApp बटन को उस दर्शन के अनुरूप होना चाहिए: कोई भारी इंटीग्रेशन नहीं, कोई तीसरे पक्ष का ऐप जो आपके ग्राहकों को प्रबंधित करे नहीं, बस आपकी साइट से एक टैप पर आपके WhatsApp नंबर के साथ वास्तविक चैट।
यहां बताया गया है कि करीब दो मिनट में किसी भी Webflow साइट पर एक फ्लोटिंग WhatsApp बटन कैसे जोड़ें — कोई Webflow ऐप नहीं, कोई खाता नहीं, कोई मासिक शुल्क नहीं।
तेज़ तरीका: हमारा मुफ्त Webflow के लिए WhatsApp बटन जनरेटर, अपना नंबर दर्ज करें, एक स्टाइल चुनें, कोड कॉपी करें और उसे साइट सेटिंग्स → कस्टम कोड → फ़ूटर कोडमें पेस्ट करें। बस ये पूरा सेटअप है।
अपने Webflow साइट पर WhatsApp बटन क्यों लगाएं
- चैट उन जगहों पर कन्वर्ट करता है जहां फॉर्म हिचकिचाते हैं। एक विजिटर जो फैसले के बीच में है — मूल्य, उपलब्धता, एक कस्टम अनुरोध — WhatsApp में फॉर्म की तुलना में जल्दी जवाब देता है, जिसके बारे में उन्हें सोचना पड़ता है।
- WhatsApp वह जगह है जहाँ आपके ग्राहक हैं। अरबों लोगों के लिए यह फोन पर सबसे अधिक इस्तेमाल किया जाने वाला ऐप है; बटन वहीं उनका सामना करता है।
- उत्तर आपके फोन पर पहुँचते हैं। बटन आपके नंबर और पहले से भरे संदेश के साथ व्हाट्सएप खोलता है — कहीं से भी, चलते-फिरते भी सेकंडों में जवाब दें।
- यह आपके स्टैक के साथ अच्छा खेलता है। चैट्स सबसे पहले सीधे आपके पास आती हैं; बाद में एआई जवाबों और साझा टीम इनबॉक्स के लिए उसी नंबर को द टेक पैड से कनेक्ट करें।
फ्री जेनरेटर के साथ आपको क्या मिलता है
The वेबफ्लो व्हाट्सएप बटन जेनरेटर आपको एक असली फ्लोटिंग बटन देता है:
- 8 व्हाट्सएप-विशेष शैलियाँ — आधिकारिक WhatsApp लोगो और ब्रांड रंग के शेल्स में बबल मार्क्स (हरा, गहरा हरा, सफेद, टील)
- आपका नंबर + पहले से भरा संदेश — वह पहला संदेश सेट करें जिसे विज़िटर देखते हैं
- आकार, आकार और स्थिति — गोल या चौकोर, बाएं या दाएं, किसी भी आकार में
- लाइव प्रीव्यू — कुछ भी कॉपी करने से पहले सही बटन देखें
- कोई खाता नहीं, कोई API कुंजी नहीं, कोई लागत नहीं — हमेशा के लिए मुफ्त
| क्षमता | मुफ्त बटन | द टेक पैड अपग्रेड |
|---|---|---|
| विज़िटर आपके नंबर के साथ WhatsApp चैट शुरू करते हैं | ✅ | ✅ |
| केवल WhatsApp स्टाइल + लाइव प्रिव्यू | ✅ | ✅ |
| AI ग्राहक की भाषा में 24/7 उत्तर देता है | — | ✅ |
| WhatsApp + वेबसाइट चैट के लिए एक टीम इनबॉक्स | — | ✅ |
| अधिकारिक WhatsApp बिज़नेस (Meta) API | — | ✅ |
| कीमत | हमेशा के लिए मुफ्त | शुरू करने के लिए मुफ्त |
3 चरणों में Webflow में बटन जोड़ें
- अपना कोड उत्पन्न करें। खोलें मुफ़्त जनरेटर, अपना व्हाट्सएप नंबर देश के कोड के साथ दर्ज करें (सिर्फ अंक, उदाहरण के लिए
919876543210), एक स्टाइल चुनें और क्लिक करें कोड कॉपी करें. - कस्टम कोड खोलें। Webflow डिज़ाइनर में प्रेस करें W (या क्लिक करें W ऊपरी-बाएँ कोने में लोगो) और खोलें कस्टम कोड.
- फूटर कोड में पेस्ट करें और प्रकाशित करें। कोड को इसमें पेस्ट करें Footer कोड बॉक्स — यह हर पेज पर लोड होता है, ठीक क्लोजिंग बॉडी टैग के पहले — क्लिक करें परिवर्तनों को सहेजें, फिर प्रकाशित करें.
कोड एक छोटा सा स्क्रिप्ट टैग है जो असिंक्रोनस रूप से लोड होता है, इसलिए यह आपकी साइट को धीमा नहीं करेगा:
<script async src="https://thetechpad.com/chat/widget.js" data-ttp-wa="919876543210" data-ttp-wa-icon="wa-classic" data-ttp-wa-shape="round" data-ttp-wa-size="56" data-ttp-wa-pos="right"></script>यह कब लाइव होगा? कस्टम कोड तब लागू होता है जब आप अपनी साइट को वेबफ्लो साइट प्लान पर प्रकाशित करते हैं (प्रवेश भुगतान Tier सहित)। फ्री स्टेजिंग डोमेन पर यह पूर्वावलोकन के लिए रेंडर होता है — प्रकाशित करें, और आपके विज़िटर बटन देखेंगे।
वेबफ्लो ऐप के बजाय कोड क्यों?
Webflow ऐप्स और इंटीग्रेशन असली शक्ति जोड़ते हैं, लेकिन एक एकल फ्लोटिंग WhatsApp बटन के लिए किसी ऐप की जरूरत नहीं है: कोई मार्केटप्लेस इंस्टॉल नहीं, कोई अनुमति संकेत नहीं, कोई सब्सक्रिप्शन नहीं। कोड वाला तरीका इसे हल्का रखता है:
- कुछ भी इंस्टॉल या अनुमोदन करने की जरूरत नहीं — सिर्फ कस्टम कोड और एक पब्लिश क्लिक
- आपका नंबर, आपके नियम — चैट उस WhatsApp नंबर पर जाती है जो आप चुनते हैं, किसी तृतीय-पक्ष इनबॉक्स पर नहीं
- वही कोड कहीं और भी काम करता है — एक साइट भी चला रहे हैं? Shopify, स्क्वरस्पेस, ब्लॉगर, हब्स्पॉट या विक्स हर एक का अपना जनरेटर पेज होता है जिसमें पेस्ट करने के चरण होते हैं।
चाहते हैं कि बटन आपके लिए जवाब दे?
एक बटन पहला कदम है — अगला कदम तुरंत उत्तर देना है, भले ही आप व्यस्त हों या सो रहे हों। The Tech Pad उसी WhatsApp नंबर को 24/7 AI सहायक में बदल देता है:
- AI तुरंत उत्तर देता है आपकी साइट और उत्पाद पृष्ठों से — आपके ग्राहक की भाषा में
- एक साझा टीम इनबॉक्स WhatsApp चैट्स, वेबसाइट चैट और नोटिफिकेशन्स के लिए
- आधिकारिक WhatsApp बिज़नेस एपीआई अपने स्वयं के मेटा-वेरीफाइड नंबर पर
- शुरू करने के लिए मुफ्त, कोई क्रेडिट कार्ड नहीं — इस पर कनेक्ट करें thetechpad.com पर
आज दो मिनट लें और Webflow पर एक लाइव WhatsApp बटन पाएं। बाद में The Tech Pad जोड़ने से यह आपके लिए उत्तर देगा।