Cómo Añadir un Botón de "Pedir en WhatsApp" a WooCommerce (2026)

Muchos comercios de WooCommerce pierden la venta en el último paso porque el comprador tiene una pregunta sin responder: ¿se enviará a mi código postal?, ¿está disponible el pago contra entrega?, ¿puedo obtener una tarifa por volumen? Un botón de "Ordenar en WhatsApp" traslada esa pregunta a un chat donde puedes responder en segundos, y en 2026 se necesita aproximadamente unas veinte líneas de PHP en un tema hijo, o un pequeño plugin de botón si prefieres hacer clic en lugar de programar. The Tech Pad continúa donde un botón se detiene: confirmaciones automáticas de pedidos, actualizaciones de envío, verificaciones de COD y recuperación de carrito enviadas desde el mismo número en la API oficial de WhatsApp Cloud de Meta. Tu primer mes es gratis cuando comienzas, y si tu primer mes es gratis cuando comienzas, cada negocio que recomiendes y que se registre y conecte un número de WhatsApp te da un mes gratis — hasta 5 meses más gratuitos.

Cuándo tiene sentido un botón de "Ordenar en WhatsApp"

Un camino de pedido centrado en el chat no es una mejora universal. Funciona cuando la compra necesita una frase humana antes de que el dinero se mueva:

• Artículos de alto valor — muebles, maquinaria, joyería, cualquier cosa donde un comprador quiera seguridad antes de pagar ₹40,000.
• Trabajo hecho a pedido y personalizado — la especificación es una conversación, no un desplegable de variaciones.
• Venta al por mayor y B2B — precios basados en la cantidad que no quieres publicar.
• Envío poco claro — mercancías pesadas, códigos postales remotos, cadena de frío, fronteras internacionales.
• Nuevas tiendas o de baja confianza — un humano accesible es la señal de confianza más económica que tienes.
• India CONTRA REEMBOLSO — compradores que no pagarán por adelantado pero confirmarán felizmente por WhatsApp.

Funciona en tu contra cuando:

• Tienes un gran catálogo y miles de pedidos al mes, por lo que la entrada manual de pedidos se convierte en el cuello de botella.
• El cumplimiento está automatizado y extrae de los objetos de pedido de WooCommerce que un chat nunca crea.
• Necesitas registros limpios de impuestos, GST y facturas en cada venta.
• Diriges tráfico pagado hacia un embudo de pago optimizado y el botón hace que los compradores se escapen de él.

Regla general: mantener el pago normal como predeterminado y usar el botón solo donde una pregunta realmente esté bloqueando el pedido.

Dónde colocar el botón y qué debería decir el mensaje

La colocación decide si el botón ayuda o canibaliza el pago.

Los widgets flotantes son dominio de herramientas como Joinchat, Click to Chat y Chaty. Hacen bien ese trabajo y son gratuitos o baratos. Lo que ninguno de ellos hace es enviar un mensaje por sí mismos —solo abren un chat que el cliente debe iniciar. Esa distinción importa más adelante en este artículo.

El código: dos fragmentos para tu tema hijo

Las ediciones de fragmentos pertenecen a un tema hijo's functions.php o un plugin de fragmentos de código. Nunca edites un tema padre; la próxima actualización borrará tu trabajo. Haz una copia de seguridad y prueba primero en un entorno de pruebas.

1. Obtén tu número en el formato correcto. Formato internacional, solo dígitos, sin +, sin espacios, sin guiones. Un número indio se convierte en 919876543210. Reemplaza el marcador de posición en ambos fragmentos.
2. Agrega el botón de la página de producto. Este hook woocommerce_after_add_to_cart_button y construye un wa.me enlace desde el título del producto, mostrar precio y enlace permanente:

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. Agregar el botón de la página del carrito. Este se repite WC()->cart->get_cart() para que el cliente llegue al chat con toda la cesta ya escrita:

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. Mantén el mensaje corto. rawurlencode() maneja correctamente los saltos de línea y los símbolos, pero textos prellenados muy largos se truncan en algunos dispositivos. Nombres, cantidades y un total son suficientes.
2. Escapa todo lo que imprimas. esc_url() en el href, esc_html__() en la etiqueta.
3. Prueba en un teléfono real. En escritorio wa.me los enlaces abren WhatsApp Web y se comportan de manera diferente. Revisa Android e iOS.
4. Estílalo como la acción secundaria. Si el botón de WhatsApp eclipsa Añadir al carrito, las órdenes prepago disminuirán.

Convirtiendo esos chats en órdenes registradas

Un chat no es un objeto orden, así que decide de antemano cómo se crean el registro y el dinero:

• Creación manual de órdenes — WooCommerce → Pedidos → Añadir pedido, agrega las líneas de productos, luego envía un enlace de pago. Lento pero exacto, y correcto para GST y facturación.
• Enlace de pago de nuevo en la caja — responde con un carrito o URL de caja preconstruida. El cliente paga a través de tu pasarela habitual y WooCommerce registra todo.
• Mantén la caja como predeterminada — responde la pregunta bloqueante en el chat, luego envía al comprador de nuevo a la página del producto. Nada cambia en tus reportes.
• Confirmación de pago contra entrega — tome el pedido en el sitio, luego confírmelo en WhatsApp antes del despacho. Detalles en [Confirmación COD en WhatsApp](/blog/cod-confirmation-whatsapp-cut-rto-fake-orders/).

Lo que el botón no puede hacer

El botón es iniciado por el cliente, unidireccional y sin estado. No puede:

• enviar una confirmación de pedido cuando un pago se realiza con éxito;
• enviar actualizaciones de procesamiento, enviado y entregado con un enlace de seguimiento;
• perseguir un carrito abandonado una hora después;
• pedir Confirmación de pago contra entrega a través de 300 pedidos al día;
• solicitar una reseña después de la entrega.

Esos son todos mensajes iniciados por la empresa, lo que significa que utilizan la API oficial de WhatsApp Cloud y plantillas aprobadas por Meta. Eso es exactamente lo que maneja el conector gratuito de WooCommerce de The Tech Pad: notificaciones de confirmación, procesamiento, envío y entrega, además de recuperación de carrito, enviadas desde el mismo número al que apunta tu botón, con una bandeja de entrada compartida para el equipo en [/features/inbox/](/features/inbox/) para las respuestas. No hay tarifa mensual de SaaS por el conectors: usted paga las tarifas de conversación por mensaje de Meta (utilidad aproximadamente ₹0,10–0,30 en India, marketing alrededor de 2–3× la utilidad; consulte la tarjeta de tarifas actual de Meta). Vea [/woocommerce/](/woocommerce/), la [biblioteca de plugins](/plugins/), [/industries/woocommerce/](/industries/woocommerce/) y [notificaciones de estado de pedidos](/blog/woocommerce-order-status-notifications-whatsapp/).

Plantillas de mensajes para combinar con el botón

Cualquier mensaje iniciado por la empresa fuera de la ventana de servicio al cliente de 24 horas necesita una plantilla aprobada, y la categoría importa: las actualizaciones de pedidos son utilidad, las promociones son marketing.

"Hola {{1}}, tu pedido {{2}} está confirmado. Total {{3}}, método de pago {{4}}. Te enviaremos un mensaje aquí en el momento en que se envíe. Responde a este chat si es necesario cambiar la dirección."

Hola {{1}}, una rápida confirmación antes de enviar el pedido {{2}} (pago contra reembolso, {{3}}). Responde SÍ para confirmar o NO para cancelar: los pedidos confirmados se envían el mismo día.

La copia de recuperación del carrito está en [plantillas de recuperación de carrito abandonado](/blog/whatsapp-abandoned-cart-recovery-templates/). WhatsApp obtiene aproximadamente un 98% de tasa de apertura frente al 20% del correo electrónico, y las respuestas medianas llegan en menos de 90 segundos; mantén las plantillas respondibles con una sola palabra.

FAQ

¿Puedo agregar un botón de Pedido en WhatsApp sin un plugin?

Sí. Un pequeño fragmento integrado en las plantillas de productos o del carrito de WooCommerce puede crear un enlace wa.me que contenga el nombre del producto, la cantidad y el precio. Un plugin solo vale la pena si deseas controles de ubicación, reglas por producto y análisis sin editar el código.

¿Se seguirán registrando los pedidos de WhatsApp en WooCommerce?

No por sí mismos — un chat no es un objeto de pedido. O bien crea el pedido manualmente desde la conversación, o utiliza el botón para consultas y artículos de alto valor mientras el pago normal sigue siendo la ruta predeterminada para pedidos registrados.

¿Puedo rellenar previamente el carrito del cliente en el mensaje?

Sí. Recorre los artículos del carrito en la página del carrito o de pago y construye el texto del mensaje con los nombres, cantidades y el total, luego codifícalo en la URL en el enlace wa.me. Mantenlo corto — el texto prellenado muy largo se trunca en algunos dispositivos.

¿Esto es útil para pedidos contra reembolso en India?

Muy. Un paso de confirmación por WhatsApp antes del envío es una de las formas más baratas de reducir pedidos falsos contra reembolso y envíos de devolución al origen. Envía una plantilla de utilidad aprobada pidiendo al cliente que confirme, y solo envía una vez que responda.

Agrega el botón, luego automatiza el seguimiento

El botón abre la puerta; la API mantiene la conversación sin que nadie escriba. Conecta tu tienda a la API oficial en la nube a través de The Tech Pad y las confirmaciones de pedidos, verificaciones de COD, actualizaciones de envío, recuperación de carritos y solicitudes de reseñas se gestionan desde el número con el que tus clientes ya envían mensajes. Tu primer mes es gratis cuando comienzas en [/wa/](/wa/) — tu primer mes es gratis cuando comienzas, y cada negocio que refieras que se registre y conecte un número de WhatsApp te da un mes gratis adicional — hasta 5 meses gratis más. Los planes están listados en [/pricing](/pricing), y la guía completa del conector está en [/blog/whatsapp-woocommerce-integration-setup-templates/](/blog/whatsapp-woocommerce-integration-setup-templates/).