Ese momento en que pulsas ‘publicar’ en un producto nuevo es una gran sensación. Has preparado algo nuevo para tu audiencia y estás listo para compartirlo.
El siguiente paso es asegurarse de que se vea. Un producto nuevo oculto en la página diez de tu tienda no ayuda a nadie.
Un espacio dedicado para las novedades ayuda a los clientes habituales a explorar el stock fresco sin tener que revisar todo lo demás. He descubierto que las herramientas integradas de WooCommerce cubren la mayor parte de lo que necesitas, y para una página de diseño personalizado, SeedProd lo hace sencillo.
Te mostraré dos maneras de mostrar productos nuevos en WooCommerce ahora mismo. Elige la que se adapte a cómo está configurada tu tienda.
RESUMEN: Cómo mostrar productos nuevos en WooCommerce
Hay dos maneras de mostrar productos nuevos en tu tienda WooCommerce, desde una página totalmente personalizada hasta un bloque integrado.
- Crear una página de productos nuevos con SeedProd – Crea una página de novedades personalizada con tu marca, filtros y llamadas a la acción utilizando el editor visual de SeedProd.
- Usar el bloque o shortcode de Colección de Productos de WooCommerce – Inserta una cuadrícula de productos recientes en cualquier página, publicación o área de widgets existente sin plugins adicionales.
2 maneras de mostrar productos nuevos en WooCommerce
Aquí tienes tres métodos, empezando por el más personalizable y terminando por el más rápido.
Primero, aprenderás a crear una página dedicada de productos nuevos con SeedProd, un constructor de sitios web de WordPress de arrastrar y soltar utilizado por más de 1 millón de sitios web. Luego, aprenderás a usar el bloque Colección de Productos y los shortcodes integrados de WooCommerce para añadir una sección de novedades en cualquier lugar de tu tienda.
¡Vamos a ello!
Método 1: Usar SeedProd para crear una página de productos nuevos en WooCommerce
El primer método utiliza SeedProd para crear una página dedicada de productos nuevos para tu tienda WooCommerce.
Con SeedProd, puedes crear una página dedicada de novedades de WooCommerce, crear páginas de destino de alta conversión para productos individuales, e incluso crear una página de Próximamente de WooCommerce antes del lanzamiento de un producto. Incluye varios bloques de WooCommerce que te permiten incorporar productos y personalizar cómo se muestran.
También puedes usar SeedProd para crear una tienda WooCommerce completa sin código.
1. Instalar el plugin SeedProd
El primer paso es instalar el plugin SeedProd.
Para obtener ayuda con esto, consulta esta guía paso a paso sobre cómo instalar un plugin en WordPress.
Nota: Existe una versión gratuita de SeedProd, pero necesitarás el plan Élite para las funciones avanzadas de WooCommerce.
Después de activar el plugin, ve a SeedProd » Ajustes e introduce tu clave de licencia. La encontrarás en el área de tu cuenta en el sitio web de SeedProd.
2. Elegir una plantilla para tu página de productos nuevos
Ve a SeedProd » Plantillas. Elige entre cientos de plantillas de páginas de destino predefinidas como punto de partida, luego filtra por categoría para encontrar una que se adapte a tu tienda.
Cuando encuentres la plantilla que deseas, colócala encima y haz clic en el icono de marca de verificación. Para esta guía, estoy usando la plantilla Página de agradecimiento de comercio electrónico.
Dale un nombre a tu página y haz clic en Guardar y empezar a editar la página.
3. Arrastra el bloque de productos recientes
Tu plantilla se abre en el editor visual de SeedProd. Verás bloques y secciones a la izquierda para arrastrar a tu página, y una vista previa en vivo a la derecha.
En el panel izquierdo, desplázate hasta la sección WooCommerce. Busca el bloque Productos recientes y arrástralo a tu página.
Haz clic en el bloque para abrir su configuración. En el panel de configuración, puedes:
- Elegir el número de columnas de productos
- Habilitar la paginación de productos
- Mostrar recuentos de artículos para la gestión de existencias
- Añadir un menú desplegable de filtros
- Limitar el número de productos mostrados
También puedes cambiar el tipo de consulta de productos recientes a destacados, de oferta, más vendidos, mejor valorados o una consulta personalizada.
La pestaña Avanzado te da aún más control, incluyendo la tipografía de la descripción del producto, la fuente del precio, el color de la etiqueta de oferta, los estilos de los botones y el espaciado.
Una vez que hayas terminado de añadir tus productos, haz clic en Guardar.
4. Personalizar el diseño y la distribución de la página
Después de añadir productos, personaliza la página para que coincida con tu marca. Empieza eliminando el contenido de demostración: coloca el cursor sobre cualquier bloque y haz clic en el icono de la papelera para eliminarlo.
Haz clic en cualquier encabezado o bloque de texto para editarlo directamente. También puedes añadir una imagen de fondo a cualquier sección haciendo clic en la sección, eligiendo un estilo de fondo y seleccionando una foto de tu biblioteca de medios o de la biblioteca gratuita de fotos de stock.
Cuando estés satisfecho con el diseño, haz clic en Guardar.
5. Previsualiza y publica tu nueva página de productos
Antes de publicar, comprueba la vista móvil. Haz clic en el icono del móvil en la barra de navegación inferior y ajusta tu diseño para pantallas más pequeñas, como reducir las columnas de productos o hacer que los botones sean más fáciles de tocar.
Cuando tu página se vea bien en el móvil, haz clic en la flecha desplegable junto al botón Guardar y haz clic en Publicar.
Tu página de novedades ya está en línea. A partir de aquí, puedes añadirla al menú de navegación de WordPress para que los visitantes puedan ver tus últimos productos fácilmente.
Con SeedProd, puedes seguir personalizando para mejorar las conversiones, incluyendo la adición de descripciones cortas de productos, la visualización de productos variables, el cambio del color de tu botón de llamada a la acción, la visualización del carrito de la compra y la adición de titulares animados.
Método 2: Mostrar productos nuevos en WooCommerce sin un plugin
Si deseas mostrar productos nuevos en tus páginas existentes de WooCommerce o en tus publicaciones de WordPress, no necesitas un plugin independiente. WooCommerce incluye un bloque de Colección de productos y shortcodes integrados que puedes usar para añadir una sección de novedades en cualquier lugar de tu tienda online.
Usa el bloque de Colección de productos en Gutenberg
Las versiones más recientes de WooCommerce (8.0 y posteriores) utilizan el bloque Colección de productos. WooCommerce lo introdujo para reemplazar los bloques antiguos, incluidos "Nuevos productos", con una opción más flexible. Si estás ejecutando una versión anterior, busca "Nuevos productos" en su lugar.
Para añadirlo, edita cualquier publicación o página de tu tienda y haz clic en el icono +. Busca Colección de productos y haz clic para añadirlo.
Dentro del bloque, haz clic en Elegir colección y selecciona la opción Novedades.
En las opciones del bloque de la derecha, eliges el número de productos a mostrar por página, estableces el número de columnas, filtras productos en oferta, estado del stock y más.
Cuando estés satisfecho con el aspecto de todo, haz clic en Actualizar o Publicar.
Añadir nuevos productos con un shortcode de WooCommerce
Si estás utilizando el editor clásico de WordPress, usa el shortcode [recent_products]. Pégalo en cualquier página, publicación o widget para mostrar una cuadrícula de productos publicados recientemente.
Puedes controlar el número de productos y columnas con parámetros: [recent_products limit="4" columns="4"].
Actualiza o publica la página, y tus visitantes verán tus productos más recientes resaltados allí.
Mostrar nuevos productos en tu barra lateral con un shortcode
Puedes usar el mismo shortcode para mostrar nuevos productos en tu barra lateral de WordPress.
Ve a Apariencia » Widgets, añade un nuevo bloque de párrafo, pega el shortcode [recent_products] y haz clic en Guardar.
Previsualiza tu tienda y tus nuevos productos aparecerán en la barra lateral en cada página.
Preguntas Frecuentes
¿Cómo muestro solo productos nuevos en WooCommerce?
Para una página dedicada a novedades, usa el bloque Productos recientes de SeedProd. Para una sección en una página existente, usa el bloque Colección de productos (WooCommerce 8+) o el shortcode [recent_products]. Ambos métodos te permiten controlar exactamente dónde aparecen los nuevos productos sin tocar el diseño principal de tu tienda.
¿Cuál es el shortcode para productos nuevos en WooCommerce?
El shortcode de WooCommerce para mostrar productos nuevos es [recent_products]. Añade limit="4" para controlar cuántos productos se muestran y columns="2" para establecer el diseño de la cuadrícula. También puedes añadir orderby="date" para que la ordenación por fecha sea explícita.
¿Puedo añadir una página de "Novedades" a WooCommerce?
Sí. Con SeedProd, puedes crear una página de "Novedades" completamente personalizada utilizando el bloque Productos recientes, y luego añadir la página a tu menú de navegación. Es una buena manera de aumentar la visibilidad de tu último stock sin saturar tu página principal de la tienda.
¿Cómo muestro productos nuevos de WooCommerce en mi barra lateral?
Pega el shortcode [recent_products] en un widget de barra lateral. Ve a Apariencia » Widgets, añade un bloque de párrafo e inserta el shortcode. Tus productos más nuevos aparecerán en la barra lateral de toda tu tienda.
¿Cuánto tiempo permanecen los productos como "nuevos" en WooCommerce?
WooCommerce no tiene un temporizador incorporado para las etiquetas de "nuevo". El shortcode [recent_products] y el bloque Product Collection extraen productos ordenados por fecha de publicación, por lo que los productos más antiguos retroceden de forma natural a medida que añades otros nuevos. Si necesitas controlar qué productos aparecen como "nuevos", ajusta el parámetro limit o utiliza una categoría de producto específicamente para las novedades.
¿Qué método deberías usar?
Si deseas un control total sobre el diseño y la disposición, SeedProd es la mejor opción. Puedes crear una página de productos nuevos de WooCommerce completamente personalizada, añadir elementos de conversión como CTAs y filtros de productos, y estilizar todo visualmente sin tocar código.
Si necesitas una sección rápida en una página o barra lateral existente, el bloque Product Collection o el shortcode [recent_products] funcionan bien sin plugins adicionales.
¿Quieres seguir mejorando tu tienda WooCommerce? Consulta estos tutoriales a continuación:
- Cómo asegurar tu sitio WooCommerce
- Cómo ocultar productos sin stock en WooCommerce
- Personalizar la pestaña "Información adicional" en WooCommerce
- Cómo solucionar que la vista del carrito de WooCommerce no funcione
- Cómo cambiar el título de la página de tienda en WooCommerce
- Mejorar la galería de imágenes de tus productos en WooCommerce
- Cómo añadir valoraciones de estrellas a los productos de WooCommerce
- Cómo controlar los productos relacionados en WooCommerce
Si te ha gustado este artículo, síguenos en YouTube, Twitter y Facebook para más contenido útil para hacer crecer tu negocio.
