Cómo mostrar descripción de etiquetas en WooCommerce

Mostrar descripción de etiquetas en WooCommerce es una excelente estrategia para mejorar tanto la experiencia del usuario como el posicionamiento SEO de tu tienda online, ya que te permite posicionar tanto las categorías como las etiquetas, pudiendo posicionar productos específicos dentro de esas categorías.

Por ese motivo, en este artículo, te vamos a enseñar cómo mostrar descripción de etiquetas en WooCommerce, paso a paso con un sencillo fragmento de código. Además, exploraremos las ventajas de personalizar WooCommerce y cómo esta mejora puede beneficiar tu tienda.

Por si lo quieres añadir todo de una, en este otro artículo ya te contamos cómo mostrar la descripción de las categorías, para combinar ambos y que tu tienda e-commerce quede perfecta y lista para empezar a subir posiciones en Google.

¿Por Qué mostrar descripción de etiquetas en WooCommerce?

Las etiquetas de producto en WooCommerce suelen ser una herramienta infrautilizada. Sin embargo, estas pueden ser un recurso clave para mejorar la navegación de tus usuarios, al mismo tiempo que ofrecen información adicional que puede aumentar las conversiones.

TU WEB EN LAS PRIMERAS POSICIONES DE BÚSQUEDA

Sitúo tu web en la primera posiciones de búsqueda con creación de contenido y Copywriting, enlaces en medios digitales, publicidad en Google y otras técnicas de posicionamiento SEO Profesional.

🔥¡Descubre el verdadero potencial de tu sitio Web!🔥

CONTRATAR PLAN SEO

Cuando las etiquetas tienen una descripción clara y visible, puedes:

Mejorar la experiencia del usuario: Los clientes entienden mejor lo que ofrece la categoría o grupo de productos al leer una descripción breve pero informativa.
Aumentar el tiempo en página: Al incluir contenido atractivo y útil, los usuarios pasan más tiempo navegando por tu tienda, lo que mejora el engagement y puede ayudar al SEO.
Optimizar para SEO: Las descripciones de etiquetas bien estructuradas permiten atacar palabras clave específicas, mejorando la visibilidad de tus páginas en Google.
Hacer tu tienda más profesional: Una tienda con una estructura clara y bien organizada genera confianza en el cliente.

El Problema: WooCommerce No Muestra la Descripción Automáticamente

Por defecto, WooCommerce permite añadir descripciones a las etiquetas, pero estas no se muestran en las páginas de archivo. Aunque el sistema almacena las descripciones, no incluye un método directo para mostrarlas. Este comportamiento puede ser limitante, especialmente si quieres aprovechar las etiquetas como páginas de destino ricas en contenido.

De igual manera, para mostrar descripción de etiquetas en WooCommerce hay que rizar un poco el rizo para que al igual que pasa con las categorías no se vean encima sino debajo de los productos.

Afortunadamente, con un simple fragmento de código, puedes solucionar este problema y personalizar la manera en que WooCommerce presenta las etiquetas de producto en tu tienda justo donde lo necesitamos.

Paso a Paso: Cómo mostrar descripción de etiquetas en WooCommerce Debajo de los Productos

Para implementar esta funcionalidad, necesitarás añadir un fragmento de código al archivo functions.php de tu tema activo, recuerda que para añadir código en WooCommerce también contamos con la maravillosa herramienta Code Snippets de la cual te hablamos en este otro post, y que nos permitirá mostrar descripción de etiquetas en WooCommerce sin necesidad de tocar el archivo fuctions.

Elijas la forma que elijas de añadir el código, vamos a ello, si no tienes el plugin Code Snippets, instálalo desde el repositorio de WordPress o si lo prefieres dirígete a tu servidor de alojamiento y abre el archivo functions.php :

1. Accede al Archivo `functions.php`

Primero, ve al panel de administración de WordPress y dirígete a:

Apariencia > Editor de Temas (si usas un tema hijo, mejor).
Busca el archivo llamado functions.php.

Alternativamente, puedes usar un cliente FTP como FileZilla para acceder a los archivos de tu sitio.

2. Añade el Fragmento de Código

Copia el siguiente código y pégalo al final del archivo functions.php:

// Mover la descripción de la etiqueta debajo de los productos en WooCommerce
remove_action('woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10);
add_action('woocommerce_after_shop_loop', 'mostrar_descripcion_etiquetas_debajo', 10);

function mostrar_descripcion_etiquetas_debajo() {
    if (is_tax('product_tag')) {
        $tag_description = term_description();
        if ($tag_description) {
            echo '<div class="woocommerce-term-description" style="margin-top: 20px;">' . wp_kses_post($tag_description) . '</div>';
        }
    }
}

Este código elimina la acción predeterminada que muestra la descripción arriba del listado y la reemplaza por una nueva acción que la posiciona después del bucle de productos.

3. Guarda y Verifica los Cambios

Guarda el archivo y visita cualquier página de etiquetas en tu tienda WooCommerce. Ahora deberías ver la descripción justo debajo de los productos.

4. Opcional: Personaliza el Diseño

Para ajustar la apariencia de la descripción, puedes añadir el siguiente CSS en la sección Apariencia > Personalizar > CSS Adicional:

.woocommerce-term-description {
    font-size: 16px;
    margin-top: 20px;
    color: #333;
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
    line-height: 1.6;
}

Esto hará que la descripción tenga un diseño más atractivo y profesional.

Ventajas de mostrar descripción de etiquetas en WooCommerce

Mostrar descripción de etiquetas en WooCommerce debajo de los productos no solo mejora la estética de tu tienda, sino que también tiene beneficios tangibles para tu negocio:

Incrementa la visibilidad en motores de búsqueda: Al incluir contenido optimizado en tus páginas de etiquetas, puedes posicionarlas como páginas de destino relevantes para búsquedas específicas.
Fomenta la navegación cruzada: Una descripción bien escrita puede invitar al usuario a explorar más productos relacionados.
Refuerza tu branding: Si usas un tono consistente en las descripciones, puedes fortalecer la identidad de tu tienda.

Errores Comunes y Cómo Evitarlos

Sobrescribir el archivo incorrecto: Si no usas un tema hijo, puedes perder los cambios al actualizar tu tema. Asegúrate de trabajar en un tema hijo o usar un plugin de fragmentos de código.
Falta de contenido en las etiquetas: Si las descripciones de tus etiquetas están vacías, esta funcionalidad no tendrá efecto. Revisa y completa las descripciones desde Productos > Etiquetas.
Problemas de diseño: Si notas que la descripción no se integra bien con el resto de la página, ajusta los estilos con CSS.