Cambiar el título de Productos Relacionados en la página de producto de WooCommerce. Pon un texto personalizado.

Cambiar el título de Productos Relacionados en WooCommerce [Tutorial]

Inicio desactivadoInicio desactivadoInicio desactivadoInicio desactivadoInicio desactivado
 

Hay ocasiones en la que el título por defecto Productos Relacionados en WooCommerce no tiene mucho sentido ya que la tienda vende servicios (por ejemplo, si vendes cursos) o simplemente deseas favorecer las ventas cruzadas y un título como Productos Relacionados, no nos engañemos, no incita demasiado a la compra. Te diré que es muy sencillo cambiar este texto y que es recomendable su personalización en cada proyecto para alinearlo con los propósitos de venta. Sin embargo no podrás modificarlo a través de la interfaz de WooCommerce, deberás hacerlo a través del archivo functions.php de tu plantilla. Te guiaremos para que puedas modificarlo, pero antes pensemos en el título que deberías poner. 

 

Tabla de contenidos

  1. ¿Por qué cambiar el título por defecto de Productos Relacionados en WooCommerce?
  2. ¿Cómo cambiar el título de Productos Relacionados en WooCommerce sin plugin?
  3. Bonus: ¿Cómo ocultar los productos relacionados en WooCommerce?

¿Por qué cambiar el título por defecto de Productos Relacionados en WooCommerce?


Como ya hemos comentado la razón principal para cambiar el título de Productos Relacionados es hacerlo más atractivo para impulsar las ventas en tu sistema de comercio electrónico WooCommerce. Para ello puedes usar varias estrategias:

  • Mostrar afinidad. El objetivo es que el usuario siga navegando por posibles opciones afines a sus gustos. Podrías usar frases como "Tambien te gustaría" u "Otros clientes han visto"
  • Mostrar productos complementarios. Con frases como "Completa to look" o "No de olvides de...", puedes realizar ventas cruzadas focalizadas en productos complementarios al que que el usuario está viendo en ese momento.

En muchas ocasiones la palabra "Productos Relacionados" no dice demasiado de los productos de la tienda. Si tienes por ejemplo una tienda online de libros, lo ideal sería que se mostrará un tiítulo tipo "Otros libros que podrían gustarte". Modificando este título podrás dar una experiencia más personalizada a tus usuarios. 

¿Cómo cambiar el título de Productos Relacionados en WooCommerce sin plugin?

No conocemos ningún plugin que pueda llevar a cabo esta tarea, existen plugins como WooCommerce Customizer que te permitirán modificar algunos textos por defecto como el de Información Adicional o Descripción, pero este tíitulo de Productos Relacionados en concreto no podrás personalizarlo. Por ello debes añadir un filtro en tu archivo functions.php con el que puedas cambiarlo. Este archivo lo encontrarás dentro de la carpeta de tu plantilla y como siempre, te recomendamos hacer una copia de seguridad antes de modificarlo. 

Para cambiar el título Productos Relacionados de tu ficha de producto en WooCommerce debes añadir el siguiente código al final del archivo:

// Cambiar el texto "Productos relacionados" en WooCommerce

add_filter('gettext', 'change_rp_text', 10, 3);
add_filter('ngettext', 'change_rp_text', 10, 3);

function change_rp_text($translated, $text, $domain)
{
     if ($text === 'Related products' && $domain === 'woocommerce') {
         $translated = esc_html__('Otros productos que podrían interesarte:', $domain);
     }
     return $translated;
}

 

Tan solo deber cambiar el texto Otros productos que podrían interesarte: por el texto que desees que aparezca en la sección de Productos Relacionados dentro del producto de WooCommerce y ya se mostrará correctamente. Asegúrate de que la cadena quede entre dos comillas simples. Yo he usado el editor de Temas de WP, pero también puedes cambiarlo desde tu hosting con el editor de archivos. 

Código para cambiar título Productos Relacionados en WooCommerce. Tutorial completo sin plugin.

Modificar título Productos Relacionados en WooCommerce. Tutorial completo sin plugin.

Bonus: ¿Cómo ocultar los productos relacionados en WooCommerce?

 

En ocasiones puede interesar no mostrar los productos relacionados, para ello puedes añadir el siguiente código en el archivo functions.php

/**
 * Eliminar los productos relacionados en la ficha de producto
 */
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

Esto anulará la salida de los productos relacionados, y es la forma correcta de hacerlo, ya que tu web no mostrará ese código, ni siquiera de manera oculta. Existe una manera alternativa aunque no recomendada que es ocultarlo mediante CSS y que solo deberías utilizar para ocultarlo si el código anterior no funcionase correctamente. El código puedes añadirlo en el Personalizador de WordPress, que encontrará dentro de Apariencia:

.related.products {
  display: none !important;
}

Ocultar productos adicionales en la ficha de producto de WooCommerce. Tutorial completo fácil mediante CSS.

 

Ante todo la modificación de este texto debe ir enfocada a mejorar la experiencia de usuario en tu tienda online. Si quieres saber más sobre como mejorar las ventas en tu tienda online te recomendamos que leas nuestra guía de estrategias para WooCommerce

Sobre el Autor
Author: Álvaro
WooCommerce & WordPress Manager
Álvaro forma parte del equipo de Rombo, especializado en el desarrollo de aplicaciones web en WordPress y WooCommerce, aunque su pasión ha sido Joomla! desde 2008 ¡Le encanta compartir sus conocimientos! Así que... ¡pregunta!

5 1 1 1 1 1 1 1 1 1 1 Valoracion 5.00 (2 Votos)

PATROCINADO

Agencia de Marketing Digital en Cádiz y Chiclana de la Forntera
Somos una Agencia de marketing digital 100% online orientada a resultados.