WooCommerce में "WhatsApp पर ऑर्डर करें" बटन कैसे जोड़ें (2026)

कई WooCommerce स्टोर आखिरी चरण में बिक्री खो देते हैं क्योंकि खरीदार के पास एक अनुत्तरित सवाल होता है: क्या यह मेरे पिनकोड पर शिप होगा, क्या COD उपलब्ध है, क्या मुझे थोक दर मिल सकती है? "WhatsApp पर ऑर्डर करें" बटन उस सवाल को एक चैट में ले जाता है जहाँ आप सेकंडों में जवाब दे सकते हैं, और 2026 में यह एक चाइल्ड थीम में लगभग बीस पंक्तियों की PHP लेता है — या अगर आप कोड करने की बजाय क्लिक करना पसंद करते हैं तो एक छोटा बटन प्लगइन। The Tech Pad उस जगह से आगे बढ़ता है जहाँ बटन रुकता है: स्वचालित ऑर्डर पुष्टिकरण, शिपिंग अपडेट, COD चेक और कार्ट रिकवरी सभी उसी नंबर से भेजी जाती है जो आधिकारिक Meta WhatsApp Cloud API पर है। जब आप शुरू करते हैं तो आपका पहला महीना मुफ्त है, और यदि आप किसी अन्य व्यवसाय को दिशा-निर्देश देते हैं जो साइन अप करता है और WhatsApp नंबर कनेक्ट करता है तो आपको एक मुफ्त महीना और मिलता है — अधिकतम 5 और मुफ्त महीने तक।

जब "व्हाट्सएप पर ऑर्डर" बटन समझ में आता है

एक चैट-फर्स्ट ऑर्डर पथ हर जगह का अपग्रेड नहीं है। यह तभी फायदेमंद होता है जब खरीदारी से पहले पैसे जाने से पहले मानवीय संवाद की आवश्यकता हो:

• महंगे आइटम — फर्नीचर, मशीनरी, ज्वेलरी, कुछ भी जहां खरीदार ₹40,000 देने से पहले आश्वासन चाहता है।
• मेड-टू-ऑर्डर और कस्टम काम — स्पेसिफिकेशन एक बातचीत है, न कि एक वैरिएशन ड्रॉपडाउन।
• थोक और B2B — मात्रा-आधारित मूल्य निर्धारण जिसे आप प्रकाशित नहीं करना चाहते।
• अस्पष्ट शिपिंग — भारी सामान, दूरदराज के पिनकोड, ठंडी श्रृंखला, सीमा-पार।
• नए या कम भरोसे वाले स्टोर — एक पहुँच योग्य इंसान आपके पास सबसे सस्ता भरोसे का संकेत है।
• भारत सीओडी — खरीदार जो पहले से भुगतान नहीं करेंगे लेकिन व्हाट्सएप पर खुशी-खुशी पुष्टि करेंगे।

यह आपके खिलाफ काम करता है जब:

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

अनुमान का नियम: सामान्य चेकआउट को डिफ़ॉल्ट के रूप में रखें, और बटन का उपयोग केवल तब करें जब कोई वास्तविक प्रश्न ऑर्डर को रोक रहा हो।

बटन कहां रखना है, और संदेश में क्या कहना चाहिए

स्थान तय करता है कि बटन मदद करता है या चेकआउट को नुकसान पहुँचाता है।

फ्लोटिंग विजेट्स उन टूल्स का क्षेत्र हैं जैसे Joinchat, Click to Chat और Chaty। वे यह काम अच्छी तरह करते हैं और ये मुफ्त या सस्ते हैं। जो वे में से कोई नहीं करता वह है खुद से संदेश भेजना — वे केवल एक चैट खोलते हैं जिसे ग्राहक को शुरू करना होता है। यह अंतर इस पोस्ट में बाद में महत्वपूर्ण होगा।

कोड: आपके चाइल्ड थीम के लिए दो स्निपेट

स्निपेट संपादन होना चाहिए चाइल्ड थीम के functions.php या एक कोड-स्निपेट्स प्लगइन। कभी भी पैरेंट थीम को एडिट न करें; अगला अपडेट आपका कार्य मिटा देगा। बैकअप लें और पहले स्टेजिंग पर परीक्षण करें।

1. अपना नंबर सही प्रारूप में दर्ज करें। अंतरराष्ट्रीय प्रारूप, केवल अंक, कोई +कोई स्पेस नहीं, कोई डैश नहीं। एक भारतीय नंबर बन जाता है 919876543210। दोनों स्निपेट्स में प्लेसहोल्डर बदलें।
2. प्रोडक्ट-पेज बटन जोड़ें। यह हुक woocommerce_after_add_to_cart_button और उत्पाद शीर्षक, डिस्प्ले कीमत और परमालिंक से एक wa.me लिंक बनाता है:

add_action( 'woocommerce_after_add_to_cart_button', 'ttp_wa_order_button', 20 );

function ttp_wa_order_button() {
	global $product;

	if ( ! $product instanceof WC_Product ) {
		return;
	}

	$number = '919876543210'; // Digits only, no + and no spaces.
	$price  = html_entity_decode( wp_strip_all_tags( wc_price( wc_get_price_to_display( $product ) ) ) );

	$message  = "Hi, I'd like to order this item:\n";
	$message .= $product->get_name() . "\n";
	$message .= 'Price: ' . $price . "\n";
	$message .= 'Link: ' . get_permalink( $product->get_id() );

	$url = 'https://wa.me/' . $number . '?text=' . rawurlencode( $message );

	printf(
		'<a class="button ttp-wa-order" href="%s" target="_blank" rel="noopener nofollow">%s</a>',
		esc_url( $url ),
		esc_html__( 'Order on WhatsApp', 'ttp' )
	);
}

1. कार्ट-पेज बटन जोड़ें। यह एक लूप बनाता है WC()->cart->get_cart() तो ग्राहक पूरी टोकरी पहले से टाइप किए हुए चैट में पहुंच जाता है:

add_action( 'woocommerce_after_cart_totals', 'ttp_wa_cart_button', 20 );

function ttp_wa_cart_button() {
	if ( ! function_exists( 'WC' ) || ! WC()->cart || WC()->cart->is_empty() ) {
		return;
	}

	$number = '919876543210';
	$lines  = array( "Hi, I'd like to order this cart:" );

	foreach ( WC()->cart->get_cart() as $cart_item ) {
		$product = isset( $cart_item['data'] ) ? $cart_item['data'] : null;

		if ( ! $product instanceof WC_Product ) {
			continue;
		}

		$lines[] = sprintf( '- %s x %d', $product->get_name(), (int) $cart_item['quantity'] );
	}

	$lines[] = 'Total: ' . html_entity_decode( wp_strip_all_tags( WC()->cart->get_total() ) );

	$url = 'https://wa.me/' . $number . '?text=' . rawurlencode( implode( "\n", $lines ) );

	printf(
		'<p><a class="button ttp-wa-order" href="%s" target="_blank" rel="noopener nofollow">%s</a></p>',
		esc_url( $url ),
		esc_html__( 'Order this cart on WhatsApp', 'ttp' )
	);
}

1. संदेश को संक्षिप्त रखें। rawurlencode() लाइन ब्रेक और प्रतीकों को सही ढंग से संभालता है, लेकिन बहुत लंबा पहले से भरा हुआ पाठ कुछ उपकरणों पर कट जाता है। नाम, मात्रा और कुल पर्याप्त हैं।
2. आप जो कुछ भी प्रिंट करें उसे सुरक्षित करें। esc_url() एचआरईएफ पर, esc_html__() लेबल पर।
3. एक असली फोन पर परीक्षण करें। डेस्कटॉप wa.me लिंक व्हाट्सएप वेब खोलते हैं और अलग तरीके से व्यवहार करते हैं। एंड्रॉइड और iOS की जांच करें।
4. इसे द्वितीयक क्रिया के रूप में स्टाइल करें। अगर WhatsApp बटन 'Add to Cart' से ज्यादा चमकता है, तो प्रीपेड ऑर्डर घट जाएंगे।

उन चैट्स को रिकॉर्डेड ऑर्डर्स में बदलना

एक चैट ऑर्डर ऑब्जेक्ट नहीं है, इसलिए पहले तय करें कि रिकॉर्ड और पैसा कैसे बनाया जाएगा:

• मैनुअल आदेश निर्माण — WooCommerce → आदेश → आदेश जोड़ें, लाइन आइटम जोड़ें, फिर भुगतान लिंक भेजें। धीमा लेकिन सटीक, और जीएसटी और इनवॉइसिंग के लिए सही।
• चेकआउट में भुगतान लिंक वापस — एक कार्ट या पहले से बने चेकआउट URL के साथ जवाब दें। ग्राहक आपके सामान्य गेटवे के माध्यम से भुगतान करता है और WooCommerce सब कुछ रिकॉर्ड करता है।
• चेकआउट को डिफ़ॉल्ट के रूप में रखें — चैट में ब्लॉकिंग सवाल का जवाब दें, फिर खरीदार को उत्पाद पृष्ठ पर वापस भेजें। आपकी रिपोर्टिंग में कुछ भी नहीं बदलता।
• COD पुष्टि — साइट पर ऑर्डर लें, फिर डिस्पैच से पहले WhatsApp पर इसकी पुष्टि करें। विवरण के लिए [WhatsApp पर COD पुष्टि](/blog/cod-confirmation-whatsapp-cut-rto-fake-orders/) देखें।

बटन क्या नहीं कर सकता

बटन ग्राहक-प्रेरित, एकतरफा और स्थिति-रहित है। यह नहीं कर सकता:

• एक भेजें आदेश पुष्टि जब एक भुगतान सफल होता है;
• धक्का देना प्रसंस्करण, शिप किया गया और वितरित ट्रैकिंग लिंक के साथ अपडेट्स;
• पीछा करना छोड़ा गया कार्ट एक घंटे बाद;
• मांग करना COD पुष्टि प्रतिदिन 300 ऑर्डर के पार;
• अनुरोध करना समीक्षा डिलीवरी के बाद।

वे सभी व्यवसाय-प्रेरित संदेश हैं, जिसका मतलब है आधिकारिक WhatsApp क्लाउड API और Meta-स्वीकृत टेम्प्लेट। यही वह चीज़ है जिसे The Tech Pad का मुफ्त WooCommerce कनेक्टर संभालता है: पुष्टिकृत, प्रॉसेसिंग, शिप्ड और डिलीवर किए गए नोटिफिकेशन के साथ-साथ कार्ट रिकवरी, वही नंबर से भेजे गए जिस पर आपका बटन इंगित करता है, और उत्तरों के लिए साझा टीम इनबॉक्स [/features/inbox/](/features/inbox/) में उपलब्ध है। इसके लिए कोई मासिक SaaS शुल्क नहीं है। कनेक्टरs — आप मेटा के प्रति-संदेश वार्तालाप शुल्क का भुगतान करते हैं (भारत में यूटिलिटी लगभग ₹0.10–0.30, मार्केटिंग यूटिलिटी का लगभग 2–3×; मेटा की वर्तमान दर संरचना देखें)। देखें [/woocommerce/](/woocommerce/), [प्लगइन लाइब्रेरी](/plugins/), [/industries/woocommerce/](/industries/woocommerce/) और [ऑर्डर स्थिति सूचनाएँ](/blog/woocommerce-order-status-notifications-whatsapp/)।

बटन के साथ जोड़ी बनाने के लिए संदेश टेम्पलेट्स

24 घंटे की ग्राहक सेवा विंडो के बाहर किसी भी व्यवसाय-प्रेरित संदेश के लिए अनुमोदित टेम्पलेट की आवश्यकता होती है, और श्रेणी महत्वपूर्ण होती है: आदेश अपडेट यूटिलिटी हैं, प्रमोशन मार्केटिंग हैं।

नमस्ते {{1}}, आपका ऑर्डर {{2}} पुष्टि हो गया है। कुल {{3}}, भुगतान का तरीका {{4}}। जैसे ही यह शिप होगा, हम आपको यहाँ संदेश भेजेंगे। यदि पते में बदलाव की आवश्यकता है तो इस चैट का उत्तर दें।

हाय {{1}}, ऑर्डर {{2}} (नकद भुगतान पर, {{3}}) भेजने से पहले एक त्वरित पुष्टि। पुष्टि करने के लिए YES उत्तर दें या रद्द करने के लिए NO उत्तर दें — पुष्टि किए गए ऑर्डर उसी दिन भेज दिए जाते हैं।

कार्ट रिकवरी कॉपी [abandoned cart recovery templates](/blog/whatsapp-abandoned-cart-recovery-templates/) में है। व्हाट्सएप लगभग 98% ओपन रेट अर्जित करता है जबकि ईमेल के लिए यह लगभग 20% है, और औसत उत्तर 90 सेकंड से कम समय में आता है — टेम्पलेट्स को एक शब्द में उत्तर देने योग्य रखें।

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

क्या मैं बिना प्लगइन के WhatsApp पर ऑर्डर बटन जोड़ सकता हूँ?

हां। WooCommerce के प्रोडक्ट या कार्ट टेम्प्लेट्स में लगाया गया एक छोटा स्निपेट wa.me लिंक बना सकता है जिसमें प्रोडक्ट का नाम, मात्रा और कीमत शामिल हो। अगर आप कोड संपादित किए बिना प्लेसमेंट नियंत्रण, प्रोडक्ट-पाठ्य नियम और एनालिटिक्स चाहते हैं, तो ही एक प्लगइन का उपयोग करना उचित है।

क्या व्हाट्सएप ऑर्डर अभी भी WooCommerce में दर्ज किए जाएंगे?

खुद से नहीं — एक बातचीत ऑर्डर ऑब्जेक्ट नहीं है। या तो बातचीत से ऑर्डर मैन्युअली बनाएं, या पूछताछ और उच्च-टिकट आइटम के लिए बटन का उपयोग करें जबकि सामान्य चेकआउट रिकॉर्ड किए गए ऑर्डर के लिए डिफॉल्ट रास्ता रहता है।

क्या मैं संदेश में ग्राहक की कार्ट पहले से भर सकता हूँ?

हाँ। कार्ट या चेकआउट पेज पर कार्ट आइटम्स के माध्यम से लूप करें और नाम, मात्रा और कुल के साथ संदेश टेक्स्ट बनाएं, फिर इसे wa.me लिंक में URL-encode करें। इसे छोटा रखें — बहुत लंबा प्री-फिल्ड टेक्स्ट कुछ डिवाइस पर कट जाता है।

क्या यह भारत में कैश-ऑन-डिलीवरी ऑर्डर के लिए उपयोगी है?

बहुत। डिलीवरी से पहले एक WhatsApp पुष्टि चरण नकली COD ऑर्डर और मूल स्थान पर वापसी शिपमेंट कम करने के सबसे सस्ते तरीकों में से एक है। ग्राहक से पुष्टि करने के लिए एक अनुमोदित उपयोगिता टेम्पलेट भेजें, और केवल तब ही शिप करें जब वे जवाब दें।

बटन जोड़ें, फिर फॉलो-अप को स्वचालित करें

बटन दरवाजा खोलता है; API बातचीत को बिना किसी के टाइप किए चलते रखता है। अपने स्टोर को The Tech Pad के माध्यम से आधिकारिक Cloud API से जोड़ें और ऑर्डर पुष्टिकरण, COD जांच, शिपिंग अपडेट, कार्ट रिकवरी और समीक्षा अनुरोध सभी उस नंबर से चले जो आपके ग्राहक पहले ही मैसेज करते हैं। जब आप [/wa/](/wa/) पर शुरू करते हैं तो आपका पहला महीना मुफ्त है — आपका पहला महीना मुफ्त है जब आप शुरू करते हैं, और हर व्यवसाय जिसे आप रेफर करते हैं और जो साइन अप करके WhatsApp नंबर जोड़ता है, वह आपको एक मुफ्त महीना देता है — अधिकतम 5 और मुफ्त महीने तक। योजनाएँ [/pricing](/pricing) पर सूचीबद्ध हैं, और पूरा कनेक्टर वॉकथ्रू [/blog/whatsapp-woocommerce-integration-setup-templates/](/blog/whatsapp-woocommerce-integration-setup-templates/) पर है।