Banner sin botón

NUEVO: ¡Ya disponible la colección de Elementor Template Kits (disponible en suscripciones y a la venta en individual)!

Mvkoen

Expertos en WordPress: Cursos en Español de WordPress y Diseño Web

Inicio / Preguntas Frecuentes / Cómo cambiar el texto del botón Añadir al carrito en WooCommerce

Cómo cambiar el texto del botón Añadir al carrito en WooCommerce

por

Nuestros visitantes preguntan:

Antes que nada gracias por su ayuda.

Estoy creando y personalizado un sitio web de comercio electrónico utilizando el plugin WooCommerce.

Recientemente encontré su blog y descubrí la publicación «Personalizar el botón «Añadir al carro» en la página de un producto con WooCommerce«, por lo que veo ese ajuste sólo se aplica al botón cuando el usuario ha añadido el producto al carrito de compras 🙁 . Lo que deseo sabes es cómo cambiar el texto del botón Añadir al carrito en WooCommerce en un producto individual, sin importar que el producto se encuentre o no en el carrito de compras.

Muchas gracias y ojalá puedan ayudarme,
Nicolás

Respuesta:

Hola Nicolás,

Gracias por visitar el blog! Como bien mencionas el snippet de la publicación «Personalizar el botón «Añadir al carro» en la página de un producto con WooCommerce» refleja los cambios en el botón cuando un producto ya fue añadido al carrito de compras. A continuación te mostramos un par de snippets que serán de ayuda para ti:

Cambiar el texto del botón Añadir al carrito en WooCommerce en un producto individual

Para cambiar el texto del botón en un producto individual tan sólo debes incluir el siguiente código al archivo «functions.php» del tema activo en tu sitio:

WooCommerce < 2.1

WooCommerce 2.1 +

Observa que puedes editar a placer el valor de ‘Mi Texto 1‘. Al final el resultado lucirá similar a la siguiente captura de pantalla:

Cambiar el texto del botón Añadir al carrito en WooCommerce en un producto individual

Cambiar el texto del botón Añadir al carrito en WooCommerce en las páginas de archivo de productos

Asegúrate de incluir en el mismo archivo «functions.php» un código similar al siguiente, el texto personalizado se reflejará en los botones de las páginas de categorías y etiquetas de productos:

WooCommerce < 2.1

WooCommerce 2.1 +

No olvides editar a placer el valor ‘Mi Texto 2‘ (línea 10). Al final el resultado lucirá similar a:

Cambiar el texto del botón Añadir al carrito en WooCommerce en la categorías de productos

Interacciones con los lectores

Comentarios

  1. Alejandro dice

    Hola, y si lo que quiero es cambiar el enlace..por ejemplo para que lo lleve a un formulario de contacto, donde está la función que recoge el enlace de añadir al carrito? Saludos

  2. andresaenz dice

    Hola!! Y si lo que quiero es quitar el botón
    de las páginas de archivo de productos?

    Gracias

      • Raul dice

        En mi woocommerce no tengo ese archivo… solo están woocommerce.pot y woocommerce-admin.pot.
        Podrías ayudarme para cambiar ese botón.Gracias

        • Estella Vidal dice

          Hola @Raul,

          El archivo «functions.php» es un elemento del tema activo en tu sitio web, no de WooCommerce. Si deseas modificar el texto en cuestión vía archivos de traducción (.po y .mo), utiliza un plugin como «Loco Translate» para atender los ajustes desde el escritorio de WordPress, o una aplicación como «Poedit» para hacerlo desde OS X o Windows. Un saludo!

          • Miquel dice

            Hola Estella, gracias por tu soporte, es de mucha ayuda.
            Para cambiar el texto «ir a la caja», hay alguna otra forma de hacerlo que no sea mediante las traducciones?
            o mejor dicho, si lo cambiar mediante traducciones y se actualiza la traduccion de wordpress y woocommerce, se sobreescribirá la traducción que realice?

            Gracias por tu respuesta!! :*

  4. ALBERTO SOLANO dice

    Mis páginas funcionaban bien y en un momento de problemas de la empresa de Hosting las páginas se retiraron por algún tiempo de línea y cuando las pudieron volver a restablecer, en la tienda virtual de woocomerce al aplicar un producto en el carrito, este aparece vacío. Cómo puedo solucionar este problema. Gracias.

    • Estella Vidal dice

      Hola @Alberto,

      La causa más común puede deberse a que las sesiones de PHP no están configuradas correctamente en el servidor, te sugiero contactar con tu proveedor de hosting y mantener actualizados al día WooCommerce y el tema activo en tu sitio web.

      Un saludo!

  5. Gustavo Rivera dice

    Hola

    Me ha servido el código anterior, pero necesito saber como puedo hacer para que en el carrito de compras solo me aparezca la cantidad y en el momento de hacer la compra lo que me genera sea una cotización.

    Osea en la pagina del carro de compras que solo aparezca «Productos» , «Cantidad» un boton de actualizar y uno de proceder con la cotización.

    En la pagina de Checkout que no aparezca nada de precios o totales.

    gracias por la ayuda.

  6. Tania dice

    Hola, estaba incluyendo el código php para la modificación del texto del botón desde wordpress y al guardar se me ha ido todo al traste, no me carga nada,.. estoy intentando encontrar el archivo desde filezilla para eliminar la modificación, pero no lo encuentro.
    Todo esto es nuevo para mi, ¿Alguién puede indicarme la ruta del php modificado?.
    Gracias

    • Estella Vidal dice

      @Tania el archivo «functions.php» forma parte del tema activo en tu sitio web que puedes encontrar en la ruta /wp-content/themes/ >Nombre de tu tema< /

      Saludos cordiales,

  7. Enrique dice

    Buenos días, quisiera saber como puedo modificar el formulario de finalizar compra, es decir, suprimir los campos Nombre de la Empresa, Estado / País *, Código postal / Zip, Gracias.

  9. andresaenz dice

    Hola chicos, y Estella, tengo una inquietud diferente al tema central de este post, pero relacionada con woocommerce!
    Necesito saber como puede configurar el numero y tamaño de los productos relacionados, no se si exista un plugin especial que me pueda ayudar en esto!!

    agradezco su colaboración.

    • Estella Vidal dice

      Hola @andresaenz,

      Utiliza un código similar al siguiente para modificar el número de productos relacionados en WooCommerce – considera que dependiendo del tema activo en tu sitio web el código puede o no funcionar:

      Un saludo!

  11. ntr dice

    Hola!
    Ante todo quería daros las gracias por los tutoriales que ponéis en esta web, y como no, ver si me podéis echar una mano ante un problemilla que tengo.

    Estoy con una web en la que he implementado woocommerce.
    Necesito que el botón de AÑADIR AL CARRO solo aparezca en una categoria de productos.

    Me explico, estoy con una tienda en la que el 80 % de los articulos estan en modo «catalogo», se pueden ver precios y variaciones, pero no comprar.

    Sin embargo el 20% restante si se puede compar.

    Necesito un codigo que lo diga a woocomerce que los articulos que estén en la categoría «catalogo» o que tengan la etiqueta»catalogo» no tengan boton de compra, y el resto si.

    Encontré en internet este código:
    http://wpthemetutorial.com/2013/10/08/remove-purchase-button-product-category-woocommerce/

    Pero no he logrado hacer que funcione bien,
    a ver si me podéis echar una mano.

    Muchas gracias por adelantado
    NTR

  12. Katalan dice

    Hola, todo muy bueno. He visto el código para cambiar el texto en el botón «añadir al carrito», pero hiendo mas lejos. Como se puede cambiar el texto por la imagen de un carrito de compras.
    Muchas gracias. Feliz año

  13. yaret dice

    Me ayudarias diciendome como podria cambiarle el color al boton de fondo a ANADIR COMPRA y FINALIZAR COMPRA saludos. Gracias

  14. Daniel dice

    Con el nuevo woocommerce Versión 2.2.10 no consigo cambiar el texto al dichoso botón, tengo toda la web en español menos ese, han cambiado la clase?

  15. Luciana dice

    Hola, estoy usando el tema «storefront», quisiera saber si puedo enviar la lista de productos añadidas al carrito por email en vez de ir a «finalizar compra».
    Probé añadiendo lo que comentan en este link docs.woothemes.com/document/set-a-custom-add-to-cart-url-to-redirect-to/ a functions.php, pero no me funcionó. Espero tu respuesta! gracias

    • Estella Vidal dice

      Hola @Luciana,
      El código del enlace indicado sólo permite redireccionar del carrito a una página especifica de tu sitio web. La funcionalidad para enviar una lista de productos a un email no es posible «out of the box» y requerirá la personalización de WooCommerce. Un saludo!

  17. Saul Cepeda dice

    Espero alguien me pueda ayudar recientemente me han pasado la administracion de la pagina web de mi empresa es una plantilla en woocommerce ya eh echo varias modificaciones a la pagina que aun no la ponemos en linea pero no tengo mucho conocimiento acerca de esta y recientemente me han pedido que modifique el color del precio de venta de los productos en esta caja de producto aparece el precio normal y el precio de oferta alguien me podria ayudar con esto o alguien me puede proporcionar algun link de videos o tutoriales de preferencia en español se lo agradeceria mucho

    • Estella Vidal dice

      Hola @Saul,

      Puedes modificar el color de ese elemento, identificando la clase CSS e integrando la regla correspondiente en la hoja de estilos de tu tema. Por ejemplo:

      Un saludo!

  18. Natalia Mendoza dice

    Recientemente cambie el tema de mi Woocommerce al de «Storefront» y se cambió el nombre del botón de «Agregar» a «Leer más» y en el detalle del producto desapareció el botón de cantidad y comprar. ¿Cómo puedo volver a colocarlo?, ¿En que parte se encuentra este código? Si regreso a mi tema anterior, aparece nuevamente. Gracias

    • Estella Vidal dice

      Hola @Natalia,

      Puedes cambiar esos textos vía archivos de traducción utilizando plugins como «Loco translate«, o aplicaciones como Poedit. Contacta al soporte de WooThemes para resolver el detalle del funcionamiento, antes asegúrate de contar con la versión más reciente de WooCommerce y del tema. Un saludo!

  19. andres dice

    Hola Estella!
    Hay una etiqueta q sale por defecto llamada SALE
    he podido cambiar desde el archivo de woocommerce, pero claro, cuando actualizo la versión vuelve como estaba.

    Sabes de alguna forma de poder cambiar esa etiqueta?
    Saludos!!!

    • Estella Vidal dice

      Hola @andres,

      Personaliza esa etiqueta con un código similar al siguiente, asegúrate de incluirlo en el archivo «functions.php» del tema activo en tu sitio web:

      No olvides sustituir el texto «En oferta!» con la frase de tu interés. Un saludo!

  20. sergio dice

    hola, quisiera saber por favor tengo una duda, cuando yo instalo las paginas de woocommerce me las instala en ingles como puedo hacer que salgan en español y hagan su funcion ?? muchas gracias

    • Estella Vidal dice

      Hola @Sergio,

      Puedes descargar los archivos de traducción de WooCommerce del idioma de tu interés aquí. Asegúrate de cargar los cuatro archivos con extensión «.po» y «.mo» vía FTP en la siguiente ruta «/wp-content/plugins/woocommerce/i18n/languages/«. Un saludo!

  21. Óscar dice

    Hola Necesito cambiar el color del botón de compra, pero en una categoría en concreto, como puedo hacerlo? quiero que en esa categoría nada mas esté de distinto color

    • Estella Vidal dice

      Hola @Óscar,

      Estimo que te refieres a una página de categoría de producto (/product-category/), si es así añade una regla de estilo similar a la siguiente en tu archivo «style.css» del tema activo en tu sitio web:

      Asegúrate de sustituir el valor «10» con el ID de la categoría del producto de tu interés. Un saludo!

  22. Miquel dice

    Hola,
    quisiera saber cómo mostrar los gastos de envío en la ficha del producto, junto al precio ya que disponemos de un precio único por envío.
    Es posible hacerlo?

    Gracias

  23. Jerry Mitchell dice

    Hola, que buen blog el que tienen,

    Tengo una consulta, quisiera saber si existe una posibilidad de cambiar el texto de error cuando un usuario se registra en mi página y el nombre de usuario ya existe.

    Muchas gracias por su apoyo!

    Saludos

  24. William Orlando Jaimes dice

    Hola Estella, quisiera saber si me puedes ayudar con algo, quiero cambiar la posición del botón agregar al carro por que hay nombres de productos mucho mas largos que otros y me quedan unos botones mas arriba o mas abajo que otros, en concreto lo que quiero hacer es que todos los botones me queden al mismo nivel para que mi tienda se vea mas ordenada, seria mas o menos colocar el botón unos 3 o 4 espacios mas abajo y que su posición no se modifique por el nombre del producto

  25. Luis Alejandro Santini dice

    buenas para cambiar el nombre del boton en la ultima version de woocommerce ya que el anterior no me deja, ?

    y me gustaria agregar un boton mas para pedir la cotización del precio pero en dolares, la idea es que salga un formulario para que nos dejen el nombre y el mail y desde el curso que lo envian asi nosotros pasamos el presuesto (no se si hay un plugin gratis y que se pueda traducir) ?

  26. victor dice

    Que gande eres !!

    ahora necesito de tu ayuda … en el carrito no me sale finalizar me sale calcular envio actualizar el carro ..y no finalizar compra por lo que me toco instalar un plugin para que me muestre el chekout !! adicional quisiera cambiar el finalizar compra con Pagar.

    gracias por tu ayuda