
Cambiar el nombre del botón «Place Order» según la pasarela de pago en WooCommerce
En WooCommerce, el botón «Place Order» en la página de checkout se puede modificar fácilmente según la pasarela de pago seleccionada. Esto es útil cuando deseas personalizar el texto según el método de pago que el usuario está utilizando.
A continuación, te mostramos cómo cambiar el texto del botón «Place Order» con un snippet de código en PHP:
<?php function customizePlaceOrderButtonText( $buttonText, $gateway ) { // Definir textos personalizados según la pasarela de pago $customTexts = [ 'cod' => __( 'Confirmar pedido y pagar en efectivo', 'woocommerce' ), 'paypal' => __( 'Pagar con PayPal', 'woocommerce' ), 'stripe' => __( 'Pagar con tarjeta de crédito/débito', 'woocommerce' ), 'culqi' => __( 'Pagar con Culqi', 'woocommerce' ) ]; // Verificar si la pasarela tiene un texto personalizado if ( isset( $customTexts[ $gateway->id ] ) ) { return $customTexts[ $gateway->id ]; } return $buttonText; } add_filter( 'woocommerce_order_button_text', 'customizePlaceOrderButtonText', 10, 2 );
Agrega el siguiente código en el archivo functions.php
de tu tema hijo o en un plugin personalizado:
- Filtramos el texto del botón con el hook
woocommerce_order_button_text
. - Detectamos la pasarela de pago activa en la variable
$gateway
. - Creamos un array
$customTexts
donde definimos el texto del botón para cada método de pago. - Verificamos si existe un texto personalizado para la pasarela de pago actual y lo aplicamos.
- Si la pasarela no está en la lista, se mantiene el texto original.
Consideraciones
- Puedes agregar más pasarelas de pago editando el array
$customTexts
. - Asegúrate de utilizar el identificador correcto de la pasarela de pago (puedes verlo en la configuración de pagos de WooCommerce).
- Usa un tema hijo para evitar que los cambios se pierdan con las actualizaciones del tema principal.
Con este método, mejorarás la experiencia del usuario al hacer que el botón de compra sea más intuitivo según la pasarela de pago seleccionada. ¡Esperamos que este snippet te sea de utilidad!