كيفية إضافة زر "الطلب على واتساب" إلى ووكومرس (2026)

تفقد العديد من متاجر WooCommerce عملية البيع في الخطوة الأخيرة لأن المشتري لديه سؤال واحد لم يتم الرد عليه: هل سيتم الشحن إلى الرمز البريدي الخاص بي، هل الدفع عند الاستلام متاح، هل يمكنني الحصول على سعر الجملة؟ زر "اطلب عبر WhatsApp" ينقل هذا السؤال إلى محادثة حيث يمكنك الرد في ثوانٍ، وفي عام 2026 يستغرق الأمر حوالي عشرين سطرًا من PHP في قالب فرعي — أو إضافة زر صغيرة إذا كنت تفضل النقر بدلاً من الترميز. The Tech Pad يلتقط الأمور حيث يتوقف الزر: تأكيدات الطلب التلقائية، تحديثات الشحن، فحوصات الدفع عند الاستلام واستعادة السلة يتم إرسالها من نفس الرقم على واجهة برمجة تطبيقات WhatsApp Cloud الرسمية من Meta. أول شهر لك مجاني عند البدء، وكل مشروع تجاري تحيله ويسجل نفسه ويربط رقم WhatsApp يمنحك شهرًا مجانيًا — حتى 5 أشهر إضافية مجانية.

متى يكون زر "طلب على واتساب" مناسبًا

مسار الطلب الذي يبدأ بالدردشة ليس تحسينًا عالميًا. يكون مفيدًا عندما يحتاج الشراء إلى جملة بشرية قبل تحريك المال:

• السلع ذات السعر المرتفع — الأثاث، الآلات، المجوهرات، أي شيء يرغب المشتري في الاطمئنان قبل دفع ₹40,000.
• الطلبات المصممة حسب الطلب والأعمال المخصصة — المواصفات هي محادثة، وليست قائمة منسدلة للخيارات.
• الجملة والتجارة بين الشركات — التسعير القائم على الكمية الذي لا تريد نشره.
• الشحن غير الواضح — السلع الثقيلة، الرموز البريدية البعيدة، سلسلة التبريد، عبر الحدود.
• المتاجر الجديدة أو منخفضة الثقة — وجود إنسان متاح هو أرخص إشارة ثقة لديك.
• الدفع عند التسليم في الهند — المشترون الذين لن يدفعوا مسبقًا لكنهم سيؤكدون بسعادة على واتساب.

يعمل ضدك عندما:

• لديك كتالوج كبير وآلاف الطلبات في الشهر، لذا يصبح إدخال الطلبات اليدوي عنق الزجاجة.
• التنفيذ هو آلي ويستخرج من كائنات طلبات WooCommerce التي لا ينشئها أي محادثة.
• تحتاج إلى سجلات ضرائب وGST وفواتير نظيفة لكل عملية بيع.
• أنت توجه حركة مرور مدفوعة إلى مسار الدفع المصمم بعناية وزر الدفع يفقد المشترين منه.

قاعدة عامة: احتفظ بخروج الدفع العادي كالإعداد الافتراضي، واستخدم الزر فقط حيث يكون هناك سؤال فعلي يمنع إتمام الطلب.

أين يجب وضع الزر، وما النص الذي يجب أن يظهر

المكان يحدد ما إذا كان الزر يساعد أم يعيق إتمام عملية الدفع.

الأدوات العائمة هي مجال أدوات مثل 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() على الرابط (href)، esc_html__() على التسمية.
3. اختبر على هاتف حقيقي. سطح المكتب wa.me الروابط تفتح WhatsApp Web وتتصرّف بشكل مختلف. تحقق من أندرويد وiOS.
4. نسقه كإجراء ثانوي. إذا تفوق زر WhatsApp على إضافة إلى السلة، ستنخفض الطلبات المدفوعة مسبقًا.

تحويل تلك المحادثات إلى طلبات مسجلة

الدردشة ليست كائن طلب، لذا قرر مسبقًا كيف سيتم إنشاء السجل والمال:

• إنشاء طلب يدوي — ووكومرس → الطلبات → إضافة طلب، أضف عناصر السطر، ثم أرسل رابط الدفع. بطيء لكنه دقيق، وصحيح من حيث ضريبة السلع والخدمات والفوترة.
• رابط الدفع مرة أخرى في صفحة الدفع — الرد برابط عربة التسوق أو صفحة الدفع الجاهزة. يدفع العميل من خلال بوابتك المعتادة ويسجل ووكومرس كل شيء.
• حافظ على صفحة الدفع كإعداد افتراضي — أجب على السؤال المعيق في الدردشة، ثم أعد المشتري إلى صفحة المنتج. لا شيء يتغير في تقاريرك.
• تأكيد الدفع عند الاستلام — خذ الطلب على الموقع، ثم أكده على واتساب قبل الإرسال. التفاصيل في [تأكيد الدفع عند الاستلام على واتساب](/blog/cod-confirmation-whatsapp-cut-rto-fake-orders/).

ما الذي لا يستطيع الزر القيام به

الزر مبدؤه العميل، أحادي الاتجاه وعديم الحالة. لا يمكنه:

• أرسل تأكيد الطلب عندما ينجح الدفع؛
• ادفع قيد المعالجة، تم الشحن وتم التسليم تحديثات برابط تتبع؛
• يطارد عربة مهجورة بعد ساعة؛
• اطلب تأكيد الدفع عند الاستلام عبر 300 طلب يومياً؛
• اطلب مراجعة بعد التسليم.

تلك جميعها رسائل بدأها النشاط التجاري، مما يعني استخدام واجهة برمجة تطبيقات واتساب السحابية الرسمية والقوالب المعتمدة من ميتا. وهذا بالضبط ما يتعامل معه الموصل المجاني لـ WooCommerce من The Tech Pad: إشعارات مؤكدة، قيد المعالجة، تم الشحن، وتم التسليم بالإضافة إلى استعادة السلة، مرسلة من نفس الرقم الذي يشير إليه زرّك، مع صندوق وارد مشترك للفريق على [/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}}). رد بـ نعم للتأكيد أو لا للإلغاء — الطلبات المؤكدة تُشحن في نفس اليوم.

نسخة استعادة السلة موجودة في [قوالب استعادة السلة المهجورة](/blog/whatsapp-abandoned-cart-recovery-templates/). يحقق واتساب معدل فتح يقارب 98٪ مقارنة بحوالي 20٪ للبريد الإلكتروني، ومتوسط الردود يكون أقل من 90 ثانية — اجعل القوالب قابلة للإجابة بكلمة واحدة.

الأسئلة الشائعة

هل يمكنني إضافة زر طلب على واتساب بدون إضافة؟

نعم. يمكن لمقطع صغير مرتبط بقوالب المنتجات أو سلة التسوق في WooCommerce إنشاء رابط wa.me يحتوي على اسم المنتج والكمية والسعر. الملحق لا يستحق إلا إذا كنت تريد التحكم في المكان، وقواعد لكل منتج، وتحليلات دون تعديل الكود.

هل ستظل الطلبات عبر واتساب مسجلة في ووكومرس؟

ليست بمفردها — المحادثة ليست كائن طلب. إما إنشاء الطلب يدوياً من المحادثة، أو استخدام الزر للاستفسارات والعناصر عالية السعر بينما يظل الدفع العادي هو المسار الافتراضي للطلبات المسجلة.

هل يمكنني ملء عربة العميل مسبقًا في الرسالة؟

نعم. قم بالتكرار عبر عناصر العربة في صفحة العربة أو صفحة الدفع وابدأ في بناء نص الرسالة مع الأسماء والكميات والإجمالي، ثم قم بترميزها في رابط wa.me. اجعله قصيرًا — النص الطويل المملوء مسبقًا يتم اقتطاعه على بعض الأجهزة.

هل هذا مفيد لطلبات الدفع عند الاستلام في الهند؟

جداً. خطوة تأكيد عبر واتساب قبل الشحن هي واحدة من أرخص الطرق لتقليل الطلبات الوهمية بالدفع عند الاستلام والشحنات المرتجعة إلى المصدر. أرسل نموذج خدمة معتمد يطلب من العميل التأكيد، واشحن فقط بعد أن يردوا.

أضف الزر، ثم قم بأتمتة المتابعة

زر يفتح الباب؛ تبقي واجهة برمجة التطبيقات المحادثة مستمرة دون أن يكتب أحد. قم بربط متجرك بواجهة Cloud API الرسمية من خلال The Tech Pad وتعمل تأكيدات الطلبات، وفحوصات الدفع عند التسليم، وتحديثات الشحن، واستعادة السلة، وطلبات المراجعة جميعها من الرقم الذي يراسلك منه العملاء بالفعل. شهرك الأول مجاني عندما تبدأ على [/wa/](/wa/) — شهرك الأول مجاني عند البدء، وكل عمل تجاري تقوم بإحالته ويسجل ويربط رقم WhatsApp يمنحك شهراً مجانياً واحداً — حتى 5 أشهر مجانية أخرى. التخطيطات مُدرجة في [/pricing](/pricing)، والإرشادات الكاملة للموصل متاحة في [/blog/whatsapp-woocommerce-integration-setup-templates/](/blog/whatsapp-woocommerce-integration-setup-templates/).