Chatvio – AI वेबचैट: अपनी साइट में चैट बटन जोड़ें (2026)

Chatvio प्लगइन एक मुफ्त WordPress प्लगइन है जो आपकी साइट पर एक फ्लोटिंग चैट बटन जोड़ता है — और यह एक वास्तविक चैट विंडो खोलता है, लिंक नहीं। विज़िटर क्लिक करते हैं, टाइप करते हैं, और उनका संदेश आपकी टीम के इनबॉक्स में पहुँच जाता है। यह प्लगइन मुफ्त है, और इसे The Tech Pad प्लेटफ़ॉर्म पर एक मुफ्त खाते के साथ जोड़ने पर — कोई क्रेडिट कार्ड नहीं, कोई भुगतान योजना नहीं — सब कुछ अनलॉक हो जाता है: अपना प्रकाशित करने योग्य कुंजी प्लगइन में पेस्ट करें और आप लाइव हैं। इस 2026 मार्गदर्शिका में: क्यों चैट बटन एक खाली लिंक से बेहतर है, प्लगइन के साथ उपलब्ध हर विकल्प, और छह-स्टेप सेटअप।

क्यों एक चैट बटन लिंक से बेहतर है

एक साधारण WhatsApp बटन — वह जो wa.me को नए टैब में खोलता है — विज़िटर को दूर भेज देता है। एक चैट बटन उन्हें आपके पेज पर बनाए रखता है। वे सवाल पूछते हैं, जवाब प्राप्त करते हैं, और ब्राउज़ करना जारी रखते हैं — कोई ऐप स्विच नहीं, कोई टैब बदलना नहीं, कोई अवरोध नहीं।

वो अंतर महत्वपूर्ण है क्योंकि चैट वह जगह है जहाँ ग्राहक वास्तव में प्रतिक्रिया देते हैं। व्हाट्सऐप संदेशों की खुलने की दर 98% है, जबकि ईमेल के लिए यह लगभग 20% है, और औसत प्रतिक्रिया समय 90 सेकंड से कम है। जब आपकी साइट पर किसी आगंतुक के पास कोई सवाल होता है, उस पल को एक चैट विंडो में कैद करना इस बात की उम्मीद करने से बेहतर है कि वे बाद में आपको संदेश भेजेंगे।

एक चैट बटन यह भी संकेत देता है कि मदद उपलब्ध है, एक स्थिर पृष्ठ को बातचीत में बदल देता है — ठीक वही जो The Tech Pad प्लेटफ़ॉर्म के इर्द-गिर्द बनाया गया है: साझा टीम इनबॉक्स, ऑटोमेशन, अभियान, और AI कोपायलट। विज़िटर को कभी भी खाता बनाने की आवश्यकता नहीं होती; वे बस टाइप करते हैं।

पक्का नहीं कि आपको इसकी ज़रूरत है या सिर्फ़ एक साधारण WhatsApp लिंक? हमारा मार्गदर्शक WordPress में WhatsApp बटन जोड़ने के 3 तरीके इन तरीकों की तुलना करता है, और हमारा 2026 के लिए सर्वश्रेष्ठ WordPress WhatsApp प्लगइन्स से तुलना करें। आपको पूरी परिदृश्य दृश्य देता है।

चैटवियो प्लगइन आपको क्या देता है

प्लगइन The Tech Pad वेब चैट विजेट को एम्बेड करता है जिसमें बिल्ट-इन बबल छिपा होता है, फिर अपने खुद के लॉन्चर बटन को जोड़ता है जो चैट पैनल खोलता है। साधारण शब्दों में: आप बटन को नियंत्रित करते हैं, The Tech Pad चैट चलाता है। यहाँ पूरे पैकेज की झलक है:

आवश्यकताएँ साधारण हैं: WordPress 6.0+ और PHP 7.4+. यह किसी भी विषय के साथ काम करता है और पृष्ठ निर्माताओं के साथ अच्छी तरह से चलता है।

प्लगइन को कैसे इंस्टॉल और सेटअप करें

छह कदम, कुछ मिनट, कोई कोड नहीं।

1. प्लगइन डाउनलोड करें। ज़िप प्राप्त करें Chatvio प्लगइन पेज से — chatvio-ai-webchat.zip — या ब्राउज़ करें सभी The Tech Pad प्लगइन्स.
2. अपनी प्रकाशित करने योग्य कुंजी प्राप्त करें। thetechpad.com पर मुफ्त साइन अप करें (कोई क्रेडिट कार्ड नहीं), वेब चैट सेटिंग्स खोलें, और अपनी प्रकाशित (सार्वजनिक) कुंजी कॉपी करें।
3. इंस्टॉल और सक्रिय करें। वर्डप्रेस में जाएं Plugins → Add New → Upload Plugin, ज़िप फ़ाइल चुनें, Install Now पर क्लिक करें, फिर Activate करें।
4. कुंजी कनेक्ट करें। The Tech Pad खोलें → Chatvio – AI Webchat। कनेक्शन के तहत, अपनी पब्लिश करने योग्य की पेस्ट करें और सेव करें। फिर अपना WhatsApp लक्ष्य चुनें — यह चुनें कि चैट बटन के पास वाली हरी WhatsApp बबल क्या करें: आपका The Tech Pad नंबर (जब यह कनेक्टेड होता है तब दिखाया जाता है), कोई और नंबर (wa.me खोलता है, कनेक्शन की आवश्यकता नहीं), या बिल्कुल कोई WhatsApp न इस्तेमाल करें। अपना CTA टेक्स्ट सेट करें, और यदि आप Google Analytics का उपयोग करते हैं तो GA dataLayer ट्रैकिंग ऑन करें।
5. लॉन्चर को स्टाइल करें। आठ आइकों में से एक चुनें — या अपनी खुद की छवि या GIF अपलोड करें — रंग, आकार और साइज चुनें, फिर एक स्थिति सेट करें।
6. सहेजें, पूर्वावलोकन करें, प्रकाशित करें। पूर्वावलोकन बटन का उपयोग करके अपनी सेटअप की जांच करें, फिर अपनी साइट खोलें और बटन पर क्लिक करें — आपकी चैट विंडो खुल जाएगी।

सभी विकल्पों की व्याख्या

संपर्क। प्रकाशित करने योग्य कुंजी ही एकमात्र आवश्यक सेटिंग है। यह एक मुफ्त टेक पैड खाते से आती है — कोई क्रेडिट कार्ड नहीं — और एम्बेड करना सुरक्षित है: यह केवल विज़िटर्स को आपकी साइट पर चैट खोलने की अनुमति देती है। उन्नत सेटअप API URL को ओवरराइड कर सकते हैं (स्टेजिंग के लिए उपयोगी), "Powered by" लिंक में शामिल हो सकते हैं (डिफ़ॉल्ट रूप से बंद — जब तक आप इसे चेक नहीं करते, आपकी साइट पर कुछ क्रेडिट नहीं किया जाता), CTA टेक्स्ट सेट कर सकते हैं, और GA डेटा लेयर ट्रैकिंग सक्षम कर सकते हैं।

लॉन्चर और शैली। आठ तैयार-निर्मित SVG आइकॉन हर मूड को कवर करते हैं:

क्या आप अपनी खुद की ब्रांडिंग पसंद करते हैं? मीडिया लाइब्रेरी से कस्टम इमेज या GIF अपलोड करें। कलर पिकर बैकग्राउंड और आइकन को समायोजित करते हैं, आकार गोल, गोल-कोना या चौकोर हो सकता है, और आकार 32 से 120 पिक्सल तक होता है।

लेबल और एनीमेशन। होवर पर टूलटिप दिखाएँ, हमेशा दिखाई देने वाला लेबल, या कुछ भी नहीं। एनीमेशन: कोई नहीं, पल्स, बाउंस, शेक, या रिंग — ध्यान आकर्षित करने के सूक्ष्म तरीके।

स्थिति। सात प्रीसेट्स: निचला-दायां, निचला-बायां, निचला-केंद्र, दायां-केंद्र, बायां-केंद्र, ऊपरी-दायां, और ऊपरी-बायां। पिक्सेल नियंत्रण चाहिए? कस्टम ऑफसेट और ज़ेड-इंडेक्स सेट करें। पोजिशन, ऑफसेट और साइज डेस्कटॉप और मोबाइल (782 पिक्सल से नीचे) के लिए अलग-अलग सेट किए जाते हैं, ताकि बटन फोन पर आपके कंटेंट को कभी भी ढक न सके।

डिस्प्ले नियम। पूरे साइट पर बटन दिखाएँ, केवल सूचीबद्ध पृष्ठों पर, या सूचीबद्ध पृष्ठों को छोड़कर सभी जगह — पृष्ठ URLs या IDs, प्रत्येक को एक पंक्ति में। इसे विशिष्ट पोस्ट प्रकारों पर छुपाएँ, इसे डेस्कटॉप या मोबाइल तक सीमित करें, इसे लॉगिन किए गए उपयोगकर्ताओं या मेहमानों तक सीमित करें, इसे सेकंड या स्क्रॉल प्रतिशत द्वारा देरी करें, और अपने साइट के टाइमज़ोन में दिन और समय के साथ व्यापार घंटे सेट करें।

उन्नत हर लॉन्चर स्टाइल एक सेटिंग है — रंग, आकार, साइज, स्थान, लेबल और एनीमेशन। इसके अलावा कुछ भी करने के लिए, CSS एडिटर का उपयोग करें जिसे WordPress पहले से ही प्रदान करता है (दृश्य → अनुकूलित करें → अतिरिक्त CSS): WordPress यह जांचता है कि आप क्या पेस्ट करते हैं, और यह आपके थीम के साथ रहता है। क्या आपको अपनी सामग्री के अंदर किसी विशेष स्थान पर एक बटन चाहिए? [techpad_ai_chat] शॉर्टकोड लेबल, साइज, आइकन, और रंग के गुण स्वीकार करता है।

चैट विंडो आपको क्या देती है

जब कोई विज़िटर आपके बटन पर क्लिक करता है, तो Tech Pad चैट विंडो सीधे पेज पर खुल जाती है। वे एक संदेश टाइप करते हैं और यह आपके टीम इनबॉक्स में आपके WhatsApp वार्तालापों के साथ पहुँच जाता है — एक इनबॉक्स, एक इतिहास, कोई कॉपी-पेस्ट नहीं।

जितना कुछ विज़िटर उस विंडो में देखते हैं उसे आपके डैशबोर्ड से प्रबंधित किया जाता है, प्लगइन से नहीं:

• स्वागत संदेश। विज़िटर को पहला संदेश, जो एक बार लिखा जाता है और हर जगह इस्तेमाल किया जाता है।
• प्री-चैट फॉर्म। चैट शुरू होने से पहले नाम, ईमेल, या कुछ और इकट्ठा करें।
• हैंडओफ्स। बातचीत को सही टीम सदस्य या विभाग तक पहुंचाएँ।
• स्वचालन और अभियान। वेलकम सीक्वेंस, आफ्टर-आवर्स रिप्लाई, और WhatsApp अभियान उसी इनबॉक्स पर चलते हैं।

यही वजह है कि प्लगइन सरल रहता है: बटन आपका काम है, बातचीत इंजन The Tech Pad का है। शुरू करने के लिए दो संदेश टेम्पलेट्स — पहला अभिवादन के रूप में, दूसरा आफ्टर-आवर्स ऑटो-रिप्लाई के रूप में:

हाय {{1}}! {{2}} पर आने के लिए धन्यवाद — आज हम आपकी कैसे मदद कर सकते हैं? 👋

आपके संदेश के लिए धन्यवाद, {{1}}! हमारी टीम अभी ऑनलाइन नहीं है और थोड़ी देर में जवाब देगी। यदि यह तुरंत है, तो वहां पहुँचने के लिए हरे व्हाट्सएप आइकन पर टैप करें।

वह व्हाट्सएप नंबर चुनें जिसका उपयोग आपके विज़िटर करते हैं

चैट बटन हमेशा आपकी साइट पर टेक पैड चैट विंडो खोलता है। इसके पास वाला हरा व्हाट्सएप बबल वैकल्पिक है — और संस्करण 1.1.0 से आप बिना किसी कोड के तय कर सकते हैं कि यह किस नंबर पर इंगित करता है। टेक पैड खोलें → चैटवियो – एआई वेबचैट → कनेक्शन → व्हाट्सएप बटन और तीन में से एक चुनें:

संकेत: अभी कनेक्ट नहीं हुए हैं लेकिन योजना बना रहे हैं? चुनें एक और WhatsApp नंबर और वह नंबर दर्ज करें जिससे आप बाद में कनेक्ट करेंगे। विज़िटर पूरे समय उसी नंबर से चैट करते रहते हैं — जब आप कनेक्ट करने के बाद सेटिंग बदलते हैं तो उनकी तरफ कुछ भी नहीं बदलता।

सामान्य प्रश्न

क्या मुझे Chatvio प्लगइन के लिए The Tech Pad खाता चाहिए? हाँ — चैट द टेक पैड प्लेटफ़ॉर्म पर चलती है। thetechpad.com पर मुफ्त में साइन अप करें, वेब चैट सेटिंग्स खोलें और अपना प्रकाशन योग्य (सार्वजनिक) कुंजी प्लगइन में कॉपी करें। विज़िटर को कभी भी खाता बनाने की आवश्यकता नहीं होती।

क्या सार्वजनिक कुंजी को मेरी वेबसाइट पर डालना सुरक्षित है? हाँ। प्रकाशन योग्य कुंजी एम्बेड करने के लिए डिज़ाइन की गई है — यह केवल विज़िटरों को आपकी साइट पर चैट खोलने की अनुमति देती है। यह कोई गोपनीय API कुंजी नहीं है और आपकी ओर से संदेश नहीं भेज सकती।

क्या आगंतुक भी व्हाट्सएप पर चैट कर सकते हैं? हाँ। चैट बटन के बगल में हरी WhatsApp बबल एक WhatsApp चैट खोलती है, और हर बातचीत उसी Tech Pad इनबॉक्स में आती है। संस्करण 1.1.0 से आप सेटिंग्स → कनेक्शन में चुन सकते हैं कि यह किस नंबर की ओर इशारा करता है: आपका जुड़ा हुआ Tech Pad नंबर, या कोई अन्य नंबर एक साधारण wa.me लिंक के माध्यम से।

क्या मुझे WhatsApp बबल के लिए Tech Pad WhatsApp नंबर की आवश्यकता है? नहीं। सेटिंग्स → कनेक्शन में "दूसरा WhatsApp नंबर" चुनें और कोई भी नंबर टाइप करें — विज़िटर इसके साथ एक सामान्य WhatsApp चैट खोलते हैं, कोई Meta सत्यापन या API शामिल नहीं है। जब आप बाद में उस नंबर को अपने Tech Pad डैशबोर्ड में कनेक्ट करेंगे, तो सेटिंग को अपने Tech Pad नंबर में बदलें और ये चैट्स आपके साझा इनबॉक्स में जुड़ जाएंगी।

क्या मैं बटन को केवल कुछ पेजों पर दिखा सकता हूँ? हाँ। डिस्प्ले नियमों के अंतर्गत "केवल नीचे सूचीबद्ध पृष्ठों पर" चुनें और पृष्ठ URL या ID दर्ज करें, प्रत्येक को एक नई पंक्ति में। आप इसे विशेष पोस्ट प्रकारों पर भी छिपा सकते हैं, डेस्कटॉप या मोबाइल तक सीमित कर सकते हैं, इसे लॉग इन उपयोगकर्ताओं या अतिथियों तक सीमित कर सकते हैं, समय या स्क्रॉल द्वारा देर कर सकते हैं, और व्यवसायिक घंटों को सेट कर सकते हैं।

जब कोई विज़िटर बटन पर क्लिक करता है तो क्या होता है? टेक पैड चैट विंडो सीधे आपके पेज पर खुलती है। विज़िटर एक संदेश टाइप करता है और यह आपके टीम इनबॉक्स में पहुंचता है — साथ ही स्वागत संदेश, प्री-चैट फॉर्म, एजेंट हस्तांतरण और ऑटोमेशन सभी आपके डैशबोर्ड से प्रबंधित होते हैं।

फ्री प्लगइन प्राप्त करें

चैटवियो प्लगइन मुफ़्त है, टेक पैड खाता जिससे यह कनेक्ट होता है वह मुफ़्त है, और इस प्रक्रिया में कहीं भी क्रेडिट कार्ड की आवश्यकता नहीं है। डाउनलोड chatvio-ai-webchat.zip, इसे कुछ ही मिनटों में इंस्टॉल करें, और आज ही अपनी साइट पर चैट बटन लगाएँ। अपना मुफ़्त खाता बनाएँ thetechpad.com/wa/ और अपना प्रकाशित करने योग्य कुंजी प्राप्त करें — बाकी सब कुछ सिर्फ क्लिक करने जैसा है।

जब आप यहाँ हैं: सीखें WordPress में WhatsApp बटन जोड़ने के 3 तरीके, या देखें कि Chatvio प्लगइन हमारे 2026 के लिए सर्वश्रेष्ठ WordPress WhatsApp प्लगइन्स से तुलना करें।.