Cómo personalizar etiquetas y títulos de WooCommerce

Cada tienda WooCommerce es un mundo, es decir, aunque todas tengan en común el sistema sobre el que funcionan, cada usuario tiene su forma particular de usarlo; para venta normal de productos físicos, para productos digitales, para ventas de afiliados, para venta por suscripción, etc. Si a esto le sumas posibilidad de personalizar el diseño de la tienda usando plantillas para WooCommerce, nos encontramos con que cualquier persona con unos conocimientos medios puede definir a su gusto casi hasta el más mínimo detalle de su tienda online.

Sin embargo, aunque cada vez estas plantillas son más customizables, hay ciertos aspectos que no se pueden modificar directamente desde el panel de administración. Un ejemplo de ello serían las etiquetas y los títulos que se usan en las diferentes páginas de WooCommerce y que el 99% de las plantillas adoptan por defecto. Por tanto, y con el fin de que cualquiera pueda reescribir a su gusto todas estas etiquetas, voy a explicar cómo personalizar etiquetas y títulos en WooCommerce sin necesidad de usar códigos.

Define tus propias etiquetas y títulos en WooCommerce con este sencillo plugin.

De nuevo te presento una solución muy sencilla basada en un plugin gratuito llamado WooCommerce Customizer. Con este plugin nos ahorramos tener que usar códigos snippets como ya hemos hecho en otras ocasiones. Y es que WooCommerce Customizer dispone de un completo panel de configuración desde el que podemos reescribir cualquier título, etiqueta o incluso texto para los botones de WooCommerce, simplemente usando los campos de texto correspondientes.

Una vez tienes instalado y activo el plugin WooCommerce Customizer (puedes descargarlo desde el repositorio oficial de WordPress), puedes acceder a su panel de configuración desde «WooCommerce > Customizer«. El panel de configuración está ordenado en 4 pestañas, las 3 primeras se corresponden con la página de catálogo de productos, la de ficha del producto y la de pago, y la cuarta pestaña es para otras etiquetas de WooCommerce.

La forma de usarlo es muy sencilla, basta con entrar a cada una de las pestañas y reescribir todas las etiquetas y títulos que desees cambiar de WooCommerce simplemente usando los campos de texto.

Por ejemplo, si quieres modificar el texto por defecto del botón de añadir al carro para los productos variables, podrás hacerlo desde la pestaña «Shop loop» e introduciendo el texto correspondiente en el campo «Variable product» y después haciendo clic en «Save Customizations» para guardar los cambios.

Normalmente el texto por defecto que usan todas las plantillas de WooCommerce es «Añadir al carrito«, pero en el caso particular de los productos variables no tiene mucho sentido, ya que WooCommerce no te permite añadirlos directamente al carro sin antes seleccionar todos los parámetros variables, como pueden ser; la talla, el color, el material, etc. Para este caso particular yo he sustituido el texto por defecto, por el de «Seleccionar modelo«.

Modificar texto de los botones de compra para los productos variables en WooCommerce

En la siguiente captura se puede apreciar que el texto del botón de añadir al carro es diferente para productos variables y para productos simples.

Cambiar texto botón carro WooCommerce

Las posibilidades de personalización de WooCommerce Customizer son amplísimas, permitiéndote editar hasta 17 etiquetas y títulos diferentes. Además en la primera pestaña «Shop Loop» incluye una sección llamada «Layout» con tres campos destinados a personalizar la distribución en la página del catálogo de productos de WooCommerce.

Personalizar etiquetas y títulos en WooCommerce

Con la configuración anterior le estoy diciendo a WooCommerce que sólo me muestre 12 productos por página de catálogo distribuidos en 3 columnas. De todas formas he de reconocer que esta opción para editar la distribución del catálogo no funciona con todas las plantillas. Aunque yo no le daría mayor importancia, ya que como comenté al principio de la entrada, el objetivo es poder personalizar las etiquetas y los títulos de WooCommerce de forma sencilla y rápida.

72 comentarios en “Cómo personalizar etiquetas y títulos de WooCommerce”

  1. Hola Antonio. Tu aportación me ha parecido formidable. La he implementado en mi sitio pero, por ejemplo, a la hora de añadir etiquetas personalizadas de productos y que estas etiquetas se visualicen en el campo «GENERAL» de las características de ese producto, no logro que se puedan añadir etiquetas personalizadas a los productos de woo commerce booking. Lo he logrado con los simples, los virtuales, etc pero no los «bookable».

    Estas son las primeras líneas del código que añadí.
    // Añadir etiqueta personalizada producto
    if ( in_array( 'woocommerce/woocommerce.php', get_option( 'active_plugins' ) ) ){

    add_action( 'woocommerce_before_single_product_summary', 'display_my_custom_label' );
    add_action( 'woocommerce_before_grouped_product_summary', 'display_my_custom_label' );
    add_action( 'woocommerce_before_virtual_product_summary', 'display_my_custom_label' );
    add_action( 'woocommerce_before_downloable_product_summary', 'display_my_custom_label' );
    add_action( 'woocommerce_booking_before_bookable_product_summary', 'display_my_custom_label' );
    add_action( 'woocommerce_before_shop_loop_item_title', 'display_my_custom_label' );
    function display_my_custom_label(){
    global $post;

    GRACIAS POR TODO!!! Ana

    1. Andrea, para eso tendrás que cambiar la traducción de la cadena en el archivo .po del tema. Puedes hacerlo con el plugin Loco Translate.

      Saludos!

  2. Hola Antonio… Algo muy simple por favor.
    Existe algun plugin gratuito que me permita poner un stiquer de «agotado» o «sin stock» sobre los productos?
    gracias de antemano..

  3. Buenas Antonio. Soy nuevo en esto y quería saber cómo cambiar la apariencia de los cuadritos de productos cuando los introduces con un shortcode son aburrido somos y además salen disparejos ayúdame por favor.

  4. Hola Antonio,
    Haber si me podes ayudar, quiero hacer una tienda ecommerce con divi+woocommerce y quiero que en la tienda se vea de manera personalizada los filtros de color, atributo, precio etc para poder filtrar los elementos…
    Por lo que lei si uso una plantilla y un modulo de divi, este modulo no puede ser filtrado con widget de woocomerce, lo cual solo me queda usar la tienda por defecto que crea woocomerce y aplicar alli los filtros pero la verdad es que se ven muy basicos, ahora el punto es que puedo hacer? llamo a un programador para esto? o se puede hacer una verdadera tienda ecomerce con divi? espero tu comentario gracias por compartir tu conocimiento!!!!! un cordial abrazo

    1. Hola Edgar Alexis, es muy sencillo.
      Desde el escritorio de wordpress ve a «Páginas» –> «Todas las páginas».

      Ahí, selecciona la página de «SHOP» y clicas en «editar» (o edición rápida, como prefieras)

      Ahora dale el nombre que desees. Aceptas y listos.

      Por si acaso, una vez hayas terminado la edición, ve a «Ajustes» –> «Enlaces Permanentes» y simplemente dale a guardar cambios. De ese modo, estás haciendo que se actualicen todos los enlaces permanentes de la base de datos.

      Espero que te sirva.

      Saludos.

  5. hola antonio me parece interesante elplugin que has compartido, pero hay que quisiera saber, sobre el plugin que usas para agregar otro boton a las lista de productos (ver detalles), como lo has echo ?

  6. Hola Antonio, buscando algo apra poder añadir etiquetas tipo la de «oferta» que sale en los productos rebajados, he encontrado este artículo, se acerca, pero no es lo que busco.
    Lo que quiero realmente es poder poner una etiqueta tipo la que he dicho en ciertos productos a los que le voy a asignar envío gratuito, entonces lo que quiero es que si un producto tiene envío gratuito, pues que salga una etiqueta «Envío gratuito» como la de «rebajado» que sale en los que modificamos el precio a la baja.
    Gracias.

  7. Buenas Antonio,

    Me encanta tu blog, a mi me ayuda mucho. Me gustaría poder cambiar el color del botón de «enviar» de valoraciones del woocommerce, me estoy volviendo loca porque tengo el constructo DIVI y no obedece a los cambios de estilo de los botones, el resto sí. Gracias

    1. Hola Noelia!

      En realidad el estilo del botón de las valoraciones de producto en Divi se configura desde «Divi > Personalizador del tema > Botones > Estilo de botones». Tal y como te muestro en esta imagen. (Ten en cuenta que esa configuración se aplica al resto de botones de la tienda).

      null

      Espero que te sirva.
      Saludos!

      1. Gracias por tu respuesta, Antonio, pero es por eso que me estoy volviendo loca porque no me acepta los cambios de ese botón pero del resto sí y por eso quería saber de que otra manera solventarlo. Le cambié el color que le puse al color de énfasis del tema dentro de ajustes generales/ajustes de formato pero se me cambió el color del texto de las categorías, fondo del menú secundario y precio del woocommerce que son los que están directamente relacionados con el color de énfasis del tema y tuve que ir individualmente a cada opción de divi para cambiarles el color y por css al precio.

  8. Hola Antonio
    Como hago para cambiar los títulos de woocommerce ya que me salen como H2 dentro de las paginas o entrada, quisiera cambiarlos por un h3 o párrafo.
    Muchas gracias.

  9. Hola, gracias por tu blog, sabes si hay algun editor visual del texto de los botones del woo y algo sencillo para modificar los campos que salen en el informe del pedido? gracias

  10. Hola, sigo tu blog desde hace un año y no se si me escapa alguna articulo que hable de este punto o no no tienes ninguno.
    Necesito modificar la linea que dice «Productos relacionados» ya que mi pagina es de servicios.
    Podrías indicarme como puedo hacerlo?
    Gracias de antemano.

  11. ¡Hola, Antonio! La verdad es que me ha servido de mucho tu web para crear mi tienda online, que aún estoy en ello. ¡Así que te doy las gracias por compartir tus conocimientos de calidad con el mundo entero!

    A propósito de Customizer, yo realmente quería cambiar el texto de «productos relacionados» y veo que en este plugin no se comntempla esa opción. Supongo que basta con un snippet, pero lo desconozco. No encuentro nada al respecto, y lo peor es que hace meses yo lo cambié pero no anoté el proceso. Quisiera que saliese otro texto en donde pone «También te recomendamos», o para los que no hayan tocado woocommerce antes, en «productos relacionados». ¿Me puedes dar alguna pista para modoficar el nombre de …

    También te recomendamos…

    Gracias de antemano

  12. Hola!.. Estoy usando la plantilla Storefront para una tienda virtual. Cuando seleccionas el producto aparece «Descripción», «Información Adicional», «Valoraciones» en forma vertical… ¿Sabes cómo hacer que se muestre en horizontal?. Gracias por la respuesta.

  13. Hola quiero cambiar donde dice » Details » . Es abajo en la derecha de la foto, al costado de Añadir al carrito, o Selecciona productos de tu foto.

    Gracias.

    1. Hola Alfredo,

      Eso lo puedes hacer directamente desde «WooCommerce > Ajustes > Producto > Inventario» y al final del todo, en el campo «Formato de visualización del inventario» seleccionar la opción «Nunca mostrar la cantidad restante del inventario».

      Saludos!

  14. Hola Antonio,

    Tengo un problema con Woo Comerce Customizer.
    Para activar el plugin, introduzco la API license key.
    Me pone esto;

    After Activating your API Key click on the Customize Shop menu link.

    Hago justamente lo que me pide pero en vez de entrar dentro del menu del plugin, se me queda pidiendo lo mismo. Es raro porque cuando hago la activación me dice que todo está ok.

    Sabrías decirme alguna solución?

  15. Hola, felicidades por el blog, es muy didáctico, sabes si existe algún plugin que me permita modificar el link que se genera en la imagen destacada del producto?, es decir, que en lugar de abrirme la imagen mas grande me envíe a una URL fuera de mi web, saludos y gracias por la atención.

    1. Hola Andrés,

      La verdad es que no conozco ningún plugin que haga eso. Lo más fácil sería implementarlo con un snippet o modificar el tema que estés usando.

      Saludos!

  16. Hola vendo fundas para celular y tengo además de las variaciones por modelo de teléfono dos variaciones por el tipo fe funda, rigida o flexible, tengo algunos modelos en ambos tipos de funda pero otros solo en uno de ellos, asi para estos elimino la combinación que no aplica. Pero al elegir el tipo de teléfono no desaparece aquella que no ofrezco abriéndose la posibilidad de seleccionarse a lo cual aparece una ventana con: Sorry, no products matched your selection. Please choose a different combination. hay alguna manera de que al seleccionar el tipo de teléfono únicamente aparezcan los tipos de funda disponibles.
    Espero no haber sido muy enredado en mi explicacion

  17. Buenas tardes,

    He estado leyendo el blog y me encantó, muy buenas soluciones!!!
    A ver si alguien puede ayudarme con este problemilla :

    En la página de mi carrito, me aparece toda la información correcta, pero me duplica la caja de «Total», donde aparece el subtotal de la compra, el coste del envío y el total de la compra. Si alquien sabe como arreglarlo le pondría fina interminable horas de búsqueda. Es decir, toda la información es correcta, pero me aparece 2 veces.
    Muchas gracias!!

  18. Hola, quisiera saber si sabes de algún plugin donde se agregue un botón de contactar al vendedor, a demás de Woocommerce, uso el plugin WC Marckeplace.

  19. Hola. Amigos necesito que me ayuden. Mi theme es quickmart de themeforest, traducido al español. Con el Plugin woocommerce, pero no hay palabras que aun estan en Ingles. Ejemplo «RECENTLY VIEWED PRODUCTS». Entro al editor de wordpress en el plugin de woocommerce, pero no consigo donde puedo cambiar esas palabras. Les agradezco si me puedes ayudar amigos.

    1. Hola Gisela,

      Esas traducciones las tienes que hacer a través de los archivos es_ES.po de idiomas de tu tema o usando el plugin Loco Translate.

      Saludos!

  20. Hola Antonio.
    Muchas gracias por tus post, la verdad es que me están ayudando mucho en mi tienda online.

    He descargado este Plugin para cambiar etiquetas de categorías.
    Pero no consigo hacerlo.
    La etiquete que quiero cambiar es, que cuando se ventodas las categorias de productos , el texto que me aparece por defecto es «todos los proyectos»
    Y yo lo que quiero que aparezca es «Todos los productos».
    Me puedes ayudar en esto?

  21. Hola Antonio
    Quiero modificar la palabra «dimensiones» por «medidas» dentro del tab de información adicional de la ficha de producto. He descargado el plugin pero solo modifica el título del tab pero no del contenido dentro.
    Sabrías decirme como lo puedo modificar?

    Gracias!

    1. Hola Nuria,

      Con ese plugin solo se pueden personalizar los título de las pestañas.

      Para personalizar el resto de textos por defecto de WooCommerce, necesitarás algo como el plugin Loco Translate. (Acuérdate de desinstalarlo cuando termines de usarlo).

      Saludos!

  22. Hola, para evitar que se nos pierde todo el trabajo de muchas horas de modificación de woocommerce, ¿hay alguna manera de crear tema-child o algo parecido del plugin woocommerce?,
    Gracias.

    1. Hola Juan,

      Si lo que buscas es crear una especie de «plugin-child» de WooCommerce, siento decirte que no se puede.

      De hecho, no se puede hacer para ningún plugin.

      El funcionamiento de WooCommerce se puede modificar creando add-ons o extensiones usando la API de WooCommerce.

      Es la única forma de no perder los cambios cuando actualices.

      Saludos!

  23. Intento cambiar el texto de la cajita de buscar productos en woocomerce, y no sé donde hacerlo.
    imagino que será en html, pero no lo encuentro.
    En vez de poner buscar por, quiero poner otro texto diferente.

    Me puedes decir donde puedo editarlo?

    1. Hola ada,

      Eso lo debes hacer traduciendo tu tema a través del archivo .pot usando la aplicación Poedit.

      Googlea un poco usando las palabras «traducir tema WordPres con Poedit». Existen muchos tutoriales paso a paso que te explican cómo hacerlo.

      Saludos!

  24. Muy buenas!

    Soy un lector fiel de tu blog me encanta y quiero felicitarte por ello. Creo que es el mejor blog sin duda de Woocomerce.

    Tengo una duda,
    ¿Cómo puedo añadir mucho texto en una categoría para optimizarlo de cara al SEO pero que no se me cargue todo el texto y sea una mala experiencia para el usuario? Lo que voy buscando es que indexe todo el texto que pongo pero que no se muestre de cara al usuario entero si no que salga un par de renglones y un botón con un «Leer más» o algo así…

    1. Hola Nacho,

      Me alegra mucho saber que el tiempo que dedico a este blog sirve para el resto.

      Respecto a tu duda yo usaría un efecto acordeón para que se cargue todo el texto de la descripción de la categoría, pero se muestre solo la primera frase. Y si el usuario quiere leerlo completo, que lo despliegue sin tener que volver a cargar la web.

      Puedes hacerlo fácilmente con el plugin Shortcode Ultimate.

      Saludos!

      1. Muy buenas! Probé el plugin que me dijiste, ha pasado ya un poco de tiempo y Sistrix de momento no me arroja ningún nuevo resultado ninguna variación de mis posiciones ni nada.

        He mirado el código fuente de la categoría en la que puse el texto y he visto que tiene un display:none.

        No sé si eso está quitando toda la optimización del texto que le he puesto a la categoría con el shortcode. Lo que tengo puesto son unas 800 palabras en la categoría pero dentro del desplegable de «Leer más».

        ¿Puede ser que no este haciendo nada a nivel de SEO? ¿O simplemente que aún no haya tenido resulatados en las serps?

        De antemano agradecerte todo tu apoyo!! 😉

        1. Hola Nacho,

          Un display:none no debería afectar para nada al SEO. Si no me equivoco, los robots de rastreo de Google leen el código HTML y ahí si que se ve el texto de la categoría.

          En cuanto al SEO, pues que quieres que te diga, ni idea jeje…

          No soy experto en SEO, pero si la palabra clave para la que quieres posicionar tiene mucha competencia o los sitios que están por delante tuya en las serps tienen mucha más autoridad que tú, el hecho de poner un buen texto en la página de categoría, no va a cambiar mucho, la verdad.

          En cualquier caso, paciencia 🙂

          Un saludo!

  25. Buenas noches ¿de qué forma puedo cambiar el título «shop» que aparece en la cabecera de la tienda por el texto que yo quiera?

    Muchas gracias! Saludos.

  26. Buenas tardes,

    Soy nueva en esto y tengo una pregunta que me trae de cabeza.. cuando creo mis categorías. Me muestra dentro de la imagen el titulo y la cantidad de productos que hay. Lo que deseo saber es como puedo mover el titulo y la cantidad de productos en la parte inferior de la imagen. Con este plugins se puede hacer?

    Saludos y muchas gracias de antemano

  27. Hola Antonio

    Quisiera saber si con este plugin de personalización puedo cambiar la imagen de fondo de la etiqueta de Ahorro que se muestra en los productos con descuento. Se que puedo cambiar el texto, pero lo que quiero es cambiar la imagen que en vez de ser un ovalo pueda colocar una imagen personalizada por ejemplo un rombo.

    Si este plugin no me lo permite hacer, puedes ayudarme como puedo hacerlo ya que estoy usando la plantilla Avada y no consigo la forma de hacer este cambio. La web es http://www.masteruss.com

    Saludos y muchas gracias de antemano

  28. Hola, sabes cómo modifico el color del atributo o etiqueta «features product» /»marcar producto como destacado» ? Donde encuentro el css si no aparece dentro de las theme options en el admin.?

  29. Hola, genial la entrada y tu blog en general!

    Tengo una pregunta que me trae de cabeza.
    Por defecto me sale un texto al entrar en una categoría que pone lo siguiente:

    “Mostrando todos los resultados de 5 . Para saber más sobre las características adicionales, propiedades o facultades de un producto, pulse sobre la imagen del mismo. Le comentamos que estamos en constante actualización de las distintas secciones y categorías de nuestra tienda y le invitamos a visitarla con frecuencia para que pueda ver si hemos añadido más productos en este apartado que sean de su gusto e interés.”

    ¿Sabes cómo se puede quitar este texto? No veo por ningún sitio de dónde sale y es muy molesto, entre otras cosas porque me desplaza el selector que permite ordenar los resultados y también porque no quiero ese texto en la tienda!

    Muchas gracias 😉
    Dani.

  30. Hola! Tengo días tratando de solucionar lo siguiente. Espero puedas orientarme.

    Traduje wordpress y forece la traducción de woocommerce para Español.

    El detalle es que cuando un producto esta rebajado aparecía la palabra «SALE!» pero ahora dice «REBAJADO!» y quiero cambiar solo esa palabra.

    De verdad estoy cansado de buscar y buscar 🙁

    por cierto, busque dentro de …/woocommerce/i18n/languages pero nada!

    1. Hola Pierre

      Mira yo tuve el mismo problema y lo solucione instalando el plugin WooCommerce Smart Sale Badge.

      Luego que lo descargas y lo instalas te vas a EDITAR, cuando te abre el editor del plugin buscas a la derecha los siguiente woocommerce-smart-sale-badge/classes/class-woocommerce-smart-sale-badge.php

      Luego buscas en el código la siguiente línea:

      $button_text = apply_filters(«wc_smart_sale_badge_title», __( ‘SALE’, ‘wc_smart_sale_badge’ ), $product->has_child(), $product);}

      En donde dice la palabra SALE la cambias por la palabra que quieras colocar.

      Luego guardas los cambios para que te actualice y lo visualizas.

      Espero que esto te ayude.

      Saludos

  31. Hola

    Yo he creado dos taxonomías personalizadas. Quiero que se muestren en el listado de prductos (como en la imagen que has puesto de las zapatillas)

    Quiero que cuando se navegue por un listado de productos se vea junto al precio, al título y «añadir al carrito» mis taxonomías

    Es eso posible con este plugín? Es eso posible de otra manera?

  32. Perdon por el cambio de tema, pero ya que dices aqui que existe este plugin de cambio de titulos y de etiquetas, existiria otro plugin para el cambio visual de los diferentes botones ya sea cambiar el tipo de boton o los colores de los mismos: Anadir al carrito, finalizar compra, ver carrito??

  33. Hola, sabes si se puede modificar desde una misma lista los titulos de productos, títulos seo o incluso palabras clave sin necesidad de tener que ir producto por producto???

    Gracias

    1. Hola Paco,

      El único plugin que conozco que te permite editar la información de muchos productos a la vez a partir de una lista es «WooCommerce Advanced Bulk Edit» (soy afiliado).

      Puedes editar títulos de productos, precios, tallas, ofertas, inventario, etc.

      No sé si es lo que buscabas, pero es lo más parecido que conozco.

      Espero que te sea útil.

      Saludos!

      1. Muchas gracias por tu respueta, ese enlace es con tu seguimiento?? Por comprarlo desde ahi… por otro lado sabes si las palabras clave tb se pueden cambiar???
        Yo he visto este pero es demasiado caro…
        Se llama plugin Smart Manager Que te parece??

          1. Muchas gracias!!

            Si ese plugin tiene buena pinta aunque el de pago es muy caro y parece que es ideal….

            Me referia si desde esa misma edicion podemos cambiar palabras clave.
            Aunque creo que no se puede…

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Responsable: Antonio Cantero, siendo la Finalidad; envío de mis publicaciones así como correos comerciales. La Legitimación; es gracias a tu consentimiento. Destinatarios: tus datos se encuentran alojados en mi plataforma de email marketing Active Campaign ubicada en EEUU y acogida al Privacy Shield. Podrás ejercer Tus Derechos de Acceso, Rectificación, Limitación o Suprimir tus datos en contacto@woodemia.com

Ir arriba