WooCommerce almacena las descripciones de los productos en dos campos: la descripción completa del producto y la descripción breve. Puede añadir o recuperar ambas a través del administrador de WordPress, con PHP utilizando $product->get_description(), o personalizando el diseño de tu tienda con un creador de páginas como SeedProd.
En esta guía, te mostraré cómo obtener y mostrar descripciones de productos en WooCommerce, incluyendo cómo:
- Escribir y añadir descripciones de productos WooCommerce de la manera correcta
- Utiliza la descripción corta de WooCommerce en la página de tu tienda
- Personaliza las páginas de productos con SeedProd, sin necesidad de código.
¿Por qué son importantes las descripciones de producto en WooCommerce?
Los compradores visitan su tienda online por varias razones:
- Investigar su oferta
- Buscar un producto específico
- Compararle con otras alternativas
- Escaparates
Si a los visitantes les resulta difícil obtener la información que necesitan, abandonarán su sitio antes de comprar. Sin embargo, si ofrece a los compradores descripciones de productos únicas y detalladas, podrán encontrar rápidamente lo que buscan.
Las descripciones de productos de WooCommerce también atraen a los clientes potenciales a hacer clic y obtener más información sobre sus productos.
Por ejemplo, si los usuarios ven una breve descripción del producto en la página de su tienda, pueden hacer clic para leer la descripción completa. A partir de ahí, pueden:
- Conoce el precio
- Ver imágenes del producto
- Explorar las especificaciones de los productos
- Leer opiniones y valoraciones
Esa información puede persuadir a los usuarios a comprar el producto allí mismo.
Probablemente tu siguiente pregunta sea: "¿cómo se añaden descripciones de productos en WooCommerce?". Sigue leyendo para descubrirlo.
Cómo obtener descripciones de productos de WooCommerce con PHP
WooCommerce proporciona dos métodos PHP para recuperar descripciones de productos mediante programación: get_description() para obtener la descripción completa y get_short_description() para la descripción breve. Los utilizarás en plantillas personalizadas, funciones de temas secundarios o ganchos.
Aquí está el código completo para recuperar ambas descripciones de cualquier producto:
// Get the WooCommerce product object
$product = wc_get_product( $product_id );
// Get the full product description
$description = $product->get_description();
// Get the short product description
$short_description = $product->get_short_description();Ambos métodos devuelven cadenas HTML.
Por ejemplo: <p>Your description text.</p>.
WooCommerce almacena las descripciones a través del editor de WordPress. Genéralas con echo $description directamente en las plantillas. No utilices esc_html() aquí, lo que imprimiría las etiquetas HTML literalmente en lugar de representarlas.
Si estás trabajando dentro de un bucle o gancho donde ya tienes el $product global, puedes llamar a estos métodos directamente sin wc_get_product()El patrón anterior sirve para recuperar descripciones fuera del bucle por ID de producto.
Cómo añadir una descripción de producto WooCommerce (paso a paso)
Para añadir descripciones de productos en WordPress con WooCommerce, vaya a WooCommerce " Productos desde su panel de control de WordPress.
A continuación, puede añadir un nuevo producto o editar una entrada de producto existente.
Puede introducir una descripción del producto en el editor principal de WordPress. Esto se mostrará como la descripción completa del producto en su tienda.
A continuación, desplácese hacia abajo e introduzca los detalles de su producto en la sección Datos del producto, incluyendo:
- Tipo de producto
- Precio normal y de venta
- Inventario
- Envío
- Productos vinculados
- Atributos
- Avanzado
Debajo de esa sección está la Descripción breve del producto. Se trata de una versión abreviada de la descripción completa del producto que puede mostrar para incitar a los usuarios a hacer clic.
No olvide añadir la categoría del producto y cargar imágenes para sus productos. A continuación, puede hacer clic en Actualizar o Publicar para que los cambios se apliquen.
¿Existe un código corto para las descripciones de productos en WooCommerce?
WooCommerce incluye un código corto que te permite mostrar una breve descripción del producto en cualquier lugar de tu sitio web: [product_short_description id="YOUR_PRODUCT_ID"]. Reemplazar YOUR_PRODUCT_ID con el ID numérico del producto, que encontrarás en la URL al editar el producto en wp-admin.
Por ejemplo, para mostrar la descripción breve del producto con el ID 42 dentro de una página o entrada: [product_short_description id="42"]. Esto muestra el campo de descripción breve como HTML dondequiera que coloques el código corto.
Una cosa que debes saber: WooCommerce no muestra descripciones breves ni completas en la página de tu tienda, en las páginas de categorías de productos ni en las páginas de archivo de forma predeterminada. El código corto resuelve este problema en las páginas individuales en las que lo colocas manualmente. Para obtener una solución que funcione en todo el diseño de tu tienda sin tener que pegar códigos cortos en cada página, consulta las secciones siguientes.
Cómo obtener y mostrar descripciones de productos en WooCommerce con SeedProd
Añadir descripciones de producto personalizadas a WooCommerce es super fácil con SeedProd.
SeedProd es el mejor constructor de sitios web y plugin de páginas de aterrizaje para WordPress. Te permite crear temas de WordPress personalizados, sitios de WooCommerce y diseños de sitios web flexibles sin código.
Es fácil empezar con más de 180 plantillas de páginas de destino y más de 25 temas de WordPress prediseñados. Puedes personalizar cada diseño en el constructor de páginas visual de arrastrar y soltar de SeedProd.
Personalizar tu tienda online no te llevará nada de tiempo con los bloques y secciones personalizables de SeedProd. Puede mostrar productos WooCommerce fácilmente con etiquetas de plantilla WooCommerce y personalizarlos señalando y haciendo clic.
Incluso puede utilizar SeedProd para crear sitios completos de comercio electrónico con páginas únicas de productos, carros de la compra, pago, archivos y páginas de tienda. El plugin es rápido como el rayo y libre de hinchazón, asegurando que su sitio se ejecuta rápidamente para los visitantes del sitio web.
Siga los siguientes pasos para obtener descripciones de productos en WooCommerce y mostrarlas con SeedProd.
Paso 1. Instalar SeedProd Instalar SeedProd Website Builder
En primer lugar, descargue el archivo del plugin SeedProd en su ordenador.
Nota: Hay una versión gratuita de SeedProd, pero vamos a utilizar el plan SeedProd Elite para las características de WooCommerce.
A continuación, instale y active SeedProd en su sitio web WordPress. Puedes seguir esta guía sobre cómo instalar un plugin de WordPress si necesitas ayuda.
Después de instalar SeedProd, vaya a SeedProd " Configuración e introduzca su clave de licencia.
Puede encontrar su clave de licencia accediendo a su cuenta SeedProd y haciendo clic en la pestaña Descargas.
Ahora, introduzca su clave en el campo de texto y haga clic en el botón Verificar clave.
Paso 2. Crear un tema WooCommerce personalizado
Para utilizar las características de WooCommerce de SeedProd, necesitarás crear un nuevo tema de WordPress con SeedProd. Esto reemplazará su tema existente con un diseño personalizado, y es fácil de hacer, incluso para los principiantes.
Para ello, vaya a SeedProd " Creador de temas y haga clic en el botón Temas.
A continuación, verás la biblioteca de plantillas de sitios web prediseñados de SeedProd. Cuando encuentres una plantilla que te guste, pasa el ratón sobre ella y haz clic en el icono de la marca de verificación.
Después de importar su tema, SeedProd hará que todas las partes de la demo del tema.
Nota: Nos referimos a las partes individuales de un tema como "plantillas".
Al hacer clic en cada plantilla, se abrirá en el editor de arrastrar y soltar de SeedProd, donde podrá personalizar el contenido y el diseño.
La primera plantilla que editaremos en este tutorial es la Página de Producto. Cuando los visitantes hagan clic en un producto de tu tienda, verán la página del producto con los detalles de ese artículo.
Paso 3. Editar la plantilla de la página de producto
Para personalizar su página de producto, pase el ratón por encima de la plantilla Página de producto y haga clic en el enlace Editar diseño.
La plantilla se abrirá en el editor visual de arrastrar y soltar de SeedProd, donde puede apuntar y hacer clic para cambiar el diseño y la disposición.
En primer lugar, veamos cómo añadir una breve descripción del producto a su página.
En la parte izquierda de tu pantalla, busca la sección Etiquetas de Plantilla WooCommerce y arrastra el bloque Descripción Corta a tu diseño.
La salida de WooCommerce para este bloque es por defecto la etiqueta de descripción corta, pero puedes personalizarla para que se adapte a las necesidades de tu tienda. También puedes personalizar el aspecto de la descripción en la configuración del bloque.
Por ejemplo, puede cambiar la alineación de la descripción, el tamaño de letra e insertar texto dinámico.
En la pestaña Avanzado, puede personalizar los estilos de los bloques, incluidos los colores, las fuentes, el espaciado, etc.
Puede seguir pasos similares para añadir descripciones largas a las páginas de producto. Basta con arrastrar el bloque Contenido del producto desde el panel izquierdo y soltarlo en su lugar.
Como antes, puedes personalizar el contenido, el estilo y los colores con unos pocos clics.
Nota: No verá una vista previa del bloque Contenido del producto en el editor en vivo.
Paso 4. Personalizar Personalice el resto de su sitio WooCommerce
Después de añadir descripciones de productos a tu página, puedes seguir personalizando el resto de tu tienda. Solo tienes que hacer clic en el enlace Editar diseño de cualquier plantilla para cambiar el contenido que muestra y su aspecto.
Por ejemplo:
- Personalizar las páginas de categorías de productos
- Mostrar productos destacados
- Añadir una barra lateral personalizada de WordPress
Tendrás una tienda WooCommerce completamente personalizada, lista para convertir compradores en clientes cuando hayas terminado.
Paso 5. Publique su sitio web WooCommerce
Cuando estés satisfecho con tu nuevo diseño, es hora de ponerlo en marcha.
Para ello, diríjase a la página SeedProd " Theme Builder, y en la esquina superior derecha, haga clic en el conmutador Enable SeedProd Theme hasta que esté en la posición "on".
Ahora puede previsualizar cualquier producto de su sitio y ver las descripciones cortas y largas en acción.
Así es como se verá su breve descripción:
Y así es como se verá la descripción larga dependiendo de su diseño:
Cómo mostrar las descripciones de los productos en la página de la tienda WooCommerce
WooCommerce no muestra descripciones breves ni completas en la página de la tienda, las páginas de categorías ni las páginas de archivo de forma predeterminada. Para mostrar descripciones en esas páginas, tienes tres opciones.
Opción 1: SeedProd (sin código)
Las plantillas de archivo de productos de SeedProd te permiten personalizar las páginas de tu tienda y categorías en el editor visual.
Añade el bloque «Descripción breve» a la plantilla de tu página de tienda y se mostrará debajo de cada producto en la cuadrícula, sin necesidad de código.
Este es el mismo enfoque que se describe en la sección SeedProd anterior, aplicado a las plantillas de páginas de archivo en lugar de a las páginas de productos individuales.
Opción 2: Complemento «Descripción del producto de WooCommerce en la página de la tienda»
El plugin WooCommerce Product Description on Shop Page es un plugin gratuito de WordPress que añade opciones de visualización de descripciones a la configuración de la página de tu tienda. Instálalo, actívalo y configura qué tipo de descripción aparece en la cuadrícula de productos.
Opción 3: gancho PHP (enfoque para desarrolladores)
Si prefieres una solución basada en código, el siguiente fragmento añade una breve descripción debajo del título de cada producto en la página de la tienda. Familiarízate con cómo añadir fragmentos de código a WordPress antes de utilizar este enfoque, o utiliza un plugin de fragmentos de código para añadirlo de forma segura.
/**
* SeedProd - Add short description to products listing on shop page (only)
*/
add_action( 'woocommerce_after_shop_loop_item_title', 'sp_wc_add_short_description' );
function sp_wc_add_short_description() {
if( is_shop() ){
global $product;
?>
<div class="woocommerce-loop-product-description">
<?php echo apply_filters( 'woocommerce_short_description', $product->get_short_description() ) ?>
</div>
<?php
}
}Cuando previsualices la página de tu tienda WooCommerce, verás las descripciones de los productos encima del botón de añadir al carrito.
Solución de problemas: la descripción del producto no aparece en WooCommerce
Si la descripción de tu producto no aparece donde esperabas, las causas más comunes son:
- Uso del tipo de descripción incorrecto (la descripción completa y la descripción breve se muestran en ubicaciones diferentes).
- Un tema que anula los archivos de plantilla predeterminados de WooCommerce.
- Comportamiento predeterminado de WooCommerce (las descripciones breves solo aparecen en las páginas de productos individuales, no en las páginas de la tienda o de categorías).
Comprueba qué descripción has introducido en el editor de productos y compárala con el lugar donde esperas verla.
Si estás utilizando un tema personalizado, comprueba si incluye el woocommerce_short_description gancho de acción o el .woocommerce-product-details__short-description contenedor en la plantilla de producto único.
Más formas de personalizar WooCommerce
Hay muchas otras formas de personalizar cómo WooCommerce muestra tus productos. Para obtener más información sobre las personalizaciones de WooCommerce, consulta las siguientes guías:
- Cómo personalizar la pestaña de información adicional de WooCommerce
- Cómo añadir el botón Ver carrito en WooCommerce
- Cómo cambiar el título de la página de la tienda en WooCommerce
- Cómo crear una impresionante galería de imágenes de productos en WooCommerce
- Cómo añadir estrellas a las páginas de productos de WooCommerce
- Cómo mostrar productos relacionados en WooCommerce
- Cómo mostrar categorías de productos y etiquetas en WooCommerce
- Cómo Arreglar WooCommerce Ver Cesta No Funciona
- Cómo ocultar productos agotados en WooCommerce
WooCommerce Descripción del Producto FAQs
¿Cuál es la diferencia entre una descripción de producto de WooCommerce y una descripción breve?
WooCommerce tiene dos campos de descripción. La descripción completa del producto aparece en la pestaña principal del editor, debajo del título del producto, y se muestra en una pestaña o sección específica en la página del producto individual. La descripción breve es un resumen conciso que se introduce en el campo «Descripción breve del producto». Aparece debajo del título del producto y encima del botón «Añadir al carrito» de forma predeterminada. Ninguna de las dos aparece en las páginas de la tienda o de las categorías, a menos que las añadas con un complemento, código o un creador de páginas como SeedProd.
¿Cómo puedo mostrar la descripción del producto en la página de la tienda WooCommerce?
WooCommerce no muestra descripciones en la página de la tienda de forma predeterminada. Tienes tres opciones: utilizar las plantillas de archivo de productos de SeedProd para añadir un bloque de descripción breve al diseño de la página de tu tienda sin necesidad de código, instalar el plugin WooCommerce Product Description on Shop Page o añadir un gancho PHP utilizando el woocommerce_after_shop_loop_item_title acción con $product->get_short_description().
¿Por qué no se muestra la descripción de mi producto WooCommerce?
Las razones más comunes son: has rellenado el campo de descripción incorrecto (las descripciones completas y las breves aparecen en lugares diferentes), tu tema anula las plantillas predeterminadas de WooCommerce o esperas que aparezca una descripción en una página en la que WooCommerce no la muestra de forma predeterminada. Comprueba qué campo has rellenado, confirma dónde se supone que debe aparecer ese campo y verifica que tu tema no esté suprimiendo la salida.
¡Ya está!
Esperamos que este artículo te haya ayudado a aprender cómo obtener descripciones de productos en WooCommerce y mostrarlas a tus clientes.
SeedProd incluye todo lo que necesitas para personalizar cualquier parte de tu sitio web WordPress y tienda WooCommerce. Incluso puedes usar SeedProd para lanzar sitios web de clientes como hizo Mustard Seed en este caso de estudio.
Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en unirte a la conversación en YouTube, X y Facebook para obtener más consejos y contenidos útiles para hacer crecer tu negocio.
