Cómo cambiar el texto del botón Agregar al carrito en la página de la tienda de WooCommerce

Publicado: 2020-08-23

WooCommerce Cambiar texto del botón del carrito de la página de la tienda ¿Está buscando la mejor manera de cambiar el texto Agregar al carrito en la página de la tienda? Al final de este tutorial rápido, podrá cambiar el texto del botón "Agregar al carrito" predeterminado en la página de la tienda de WooCommerce usando un fragmento de código. También podrá usar un complemento para cambiar el texto del botón en la página de la tienda, si prefiere usar un complemento en lugar de editar el código.

Botón Agregar al carrito de la página de la tienda

De forma predeterminada, WooCommerce muestra el botón "Agregar al carrito" en la página de su tienda y en las páginas de archivo. WooCommerce no tiene ninguna opción para cambiar este texto.

En lugar de tener este texto, es posible que desee agregar un texto como "Ver producto", Comprar ahora", "Agregar a la bolsa", "Reservar ahora" (o cualquier cosa que desee) vinculándolo a la página del producto único.

La versión predeterminada tiene un botón que se ve como se muestra en la imagen a continuación:

Botón predeterminado Agregar al carrito

Pasos para cambiar la página de la tienda de texto Agregar al carrito usando código PHP

Para cambiar esto, simplemente debe seguir los siguientes pasos:

Inicie sesión en su sitio de WordPres y acceda al panel como usuario administrador.
En el menú del panel, haga clic en Menú de apariencia > Menú del editor de temas . Cuando se abra la página del Editor de temas, busque el archivo de funciones del tema donde agregaremos la función que cambiará el Agregar al carrito predeterminado
Agregue el siguiente código al archivo php :

 // Para cambiar el texto de agregar al carrito en la página de un solo producto

add_filter('woocommerce_product_single_add_to_cart_text', 'woocommerce_custom_single_add_to_cart_text');

función woocommerce_custom_single_add_to_cart_text() {

    return __('Comprar ahora', 'woocommerce');

}

// Para cambiar el texto de agregar al carrito en la página de archivos de productos (Colección)

add_filter('woocommerce_product_add_to_cart_text', 'woocommerce_custom_product_add_to_cart_text'); 

función woocommerce_custom_product_add_to_cart_text() {

    return __('Comprar ahora', 'woocommerce');

}

Asegúrese de guardar los cambios que ha realizado.
Debe ir al Front-end para que pueda ver sus cambios. Este será el Resultado:

Cómo funciona el código

Las líneas de código que hemos insertado en el archivo functions.php usan WooCommerce Loop por defecto. Esto implica que si su tema está utilizando el bucle WC predeterminado para mostrar el botón ' Agregar al carrito ', definitivamente será una solución para usted.

Si su tema tiene páginas personalizadas que usan complementos de creación de páginas personalizadas que usan diferentes funciones para mostrar el botón ' agregar al carrito ', es posible que no funcione para su tienda WooCommerce. Esto significa que debe contratar a un desarrollador o comunicarse con su proveedor de temas .

El método alternativo para cambiar las etiquetas Agregar al carrito es mediante el uso de un complemento. El complemento que vamos a usar para este tutorial se llama WC Custom Add to Cart label. Esta es una alternativa para los no tan expertos en tecnología. Es para aquellos que no están familiarizados con la personalización de su sitio con código o quizás no quieren estropear la estructura de codificación de su sitio.

El complemento de etiquetas personalizadas para agregar al carrito de WC le permite cambiar las etiquetas de "agregar al carrito" en todas las páginas de productos individuales, por tipo de producto, y en la página de archivo o tienda, por tipo de producto). Puede descargar el complemento directamente aquí usando este enlace https://downloads.wordpress.org/plugin/wc-custom-add-to-cart-labels.zip o puede buscarlo en el directorio www.wordpress.org. Cuenta con la confianza de más de 10,000 sitios de WooCommerce en la comunidad de WordPress.

Pasos para cambiar el texto predeterminado de Agregar al carrito usando un complemento

Siga estos sencillos pasos para agregar este complemento a su sitio de WordPress:

Inicie sesión en su sitio de WordPress y acceda al Panel como usuario administrador.
A continuación, vamos a instalar el plugin que te hemos indicado anteriormente. Si lo ha descargado usando el enlace de arriba, simplemente navegue a Complementos > Agregar nuevo . Después de eso, haga clic en Cargar complemento y luego en Buscar el archivo descargado como se muestra a continuación:
Para descargarlo directamente en el Panel de administración, simplemente vaya a Complementos > Agregar nuevo . Después de eso, deberá realizar una búsqueda de palabras clave para el complemento ' Etiquetas personalizadas para agregar al carrito de WC '. Debe instalarlo y activarlo como se muestra a continuación:
Para cambiar los botones, debe agregar el nombre de los botones en el área del campo de texto, como se muestra en la captura de pantalla a continuación, accediendo a esta configuración navegando a WooCommerce> Configuración . Luego, debe hacer clic en Debe hacer clic en el botón Agregar al carrito Etiquetas como se muestra.
Guarde los cambios usando el botón azul debajo de la lista de campos.
Para ver el resultado , debe acceder a la página de inicio y esto es lo que debería ver:

Sin embargo, se recomienda que realice estos cambios en un entorno de prueba para que pueda asegurarse de que esta es la funcionalidad que desea que tenga su sitio, sin influir en su sitio en vivo hasta que esté listo para implementarlo.

Conclusión

En esta publicación, hemos resaltado dos métodos que puede usar para cambiar el botón Agregar al carrito en la página de la tienda. La primera es una solución amigable para desarrolladores que involucra código, y la segunda es un método amigable para principiantes que involucra el uso de un complemento para agregar fácilmente esta funcionalidad.