Últimas noticias de SeedProd

Tutoriales, consejos y recursos de WordPress para hacer crecer tu negocio

Cómo mostrar nuevos productos en WooCommerce (2 maneras fáciles)

Cómo mostrar nuevos productos en WooCommerce (2 maneras fáciles) 

Escrito por: avatar de autor Stacey Corrin
avatar de autor Stacey Corrin
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.
     Revisado por: avatar del revisor Turner John
avatar del revisor Turner John
John Turner es el cofundador de SeedProd. Cuenta con más de 20 años de experiencia empresarial y de desarrollo y sus plugins se han descargado más de 25 millones de veces.

Ese momento en el que le das a "publicar" un nuevo producto es una gran sensación. Has preparado algo nuevo para tu público y estás listo para compartirlo.

El siguiente paso es asegurarse de que se vea. Un nuevo producto escondido en la página diez de tu tienda no ayuda a nadie.

Su sitio web debería hacer el trabajo por usted, mostrando automáticamente sus últimas novedades. Esta es una parte fundamental de la creación de un entorno de compra dinámico en WooCommerce.

No hay necesidad de buscar complicados plugins o fragmentos de código. He descubierto que las herramientas integradas, cuando se utilizan correctamente, son increíblemente potentes.

Le mostraré dos formas sencillas de configurarlo ahora mismo. Tendrás un sistema de presentación de nuevos productos elegante y fácil de gestionar.

TL;DR: Puedes mostrar nuevos productos en WooCommerce usando un plugin como SeedProd o con bloques y shortcodes integrados. Esta guía muestra ambos métodos paso a paso.

¿Por qué mostrar nuevos productos en WooCommerce?

Mostrar nuevos productos en WooCommerce ayuda a los clientes potenciales a encontrar los nuevos productos más fácilmente. Por ejemplo, los clientes habituales pueden encontrar fácilmente los productos que no han visto antes, y los nuevos clientes pueden distinguir entre el stock antiguo y el nuevo.

Además, no tendrá que añadir un distintivo de "nuevo producto" a sus imágenes. En su lugar, puede enviar a los visitantes a una página dedicada a los nuevos productos o a áreas de su sitio separadas de sus existencias más antiguas.

La ventaja de esto es que atrae más miradas hacia sus nuevos productos, lo que puede aumentar significativamente las ventas.

2 maneras fáciles de mostrar nuevos productos en WooCommerce

En este post, compartiremos 2 métodos diferentes para mostrar nuevos productos en WooCommerce.

En primer lugar, aprenderás a crear una nueva página de productos con un popular plugin de páginas de destino. Después, aprenderás a usar el bloque nativo de WordPress de WooCommerce y los shortcodes para mostrar los nuevos productos en entradas, páginas y widgets.

Sumerjámonos.

Método 1: Usar SeedProd para crear una nueva página de productos en WooCommerce

El primer método utiliza SeedProd para crear una nueva página de productos para su tienda WooCommerce. SeedProd es el mejor constructor de páginas de WordPress de arrastrar y soltar utilizado por más de 1 millón de sitios web.

SeedProd Creador de sitios web WordPress de arrastrar y soltar

Con este plugin, puedes añadir fácilmente nuevos productos a tus páginas de producto de WooCommerce y crear páginas de aterrizaje para tus productos para mejorar tus conversiones. Por ejemplo, puedes crear una página WooCommerce coming soon en pocos minutos. Además, tiene varios bloques de WooCommerce que te permiten crear y personalizar fácilmente tus páginas de producto.

También puede utilizar SeedProd para crear una tienda WooCommerce completa sin código.

1. Instale el plugin SeedProd

El primer paso es instalar el plugin SeedProd.

Para obtener ayuda al respecto, consulte esta guía paso a paso sobre cómo instalar un plugin en WordPress.

Nota: hay una versión gratuita de SeedProd que puede utilizar, pero vamos a utilizar la versión Elite para las características avanzadas de WooCommerce.

Después de activar el plugin, vaya a SeedProd " Configuración e introduzca su clave de licencia. Encontrará esta información en el área de su cuenta en el sitio web de SeedProd.

Verifique su clave de licencia seedprod

2. Elija una plantilla para su página de nuevos productos

El siguiente paso es navegar a SeedProd " Plantillas. En esta página, puede elegir entre cientos de plantillas de páginas de destino pre-hechas para utilizar como punto de partida.

plantillas de páginas de destino seedprod

Puedes filtrar las plantillas haciendo clic en las pestañas de la parte superior, que incluyen:

Todas las plantillas son fáciles de personalizar en el editor visual de páginas, por lo que no estarás atado a un diseño concreto.

Cuando haya encontrado la plantilla que desea utilizar, sitúese sobre ella y haga clic en el icono "Marcar". Para esta guía, utilizaremos la plantilla de página de agradecimiento de eCommerce.

Elija una plantilla para su nueva página de productos woocommerce

A continuación, dale un nombre a tu página y haz clic en el botón "Guardar y empezar a editar la página" .

3. Arrastre el bloque Productos recientes

Después de lanzar tu plantilla, se abrirá en el editor visual de páginas de SeedProd. Aquí es donde usted puede enumerar todas sus últimas llegadas de productos WooCommerce.

Editor visual de páginas de SeedProd

Navegar por el editor visual es superfácil.

En la parte izquierda puedes ver diferentes bloques y secciones que puedes arrastrar y soltar en tu página. Y a la derecha, verás una vista previa de la página en vivo.

Cada vez que añadas contenido a tu página, verás los cambios en tiempo real. Así es mucho más fácil previsualizar la página terminada sin tener que navegar a otra pantalla.

Para mostrar los nuevos productos de WooCommerce, utilizaremos uno de los bloques de página de destino de WooCommerce incorporados en SeedProd.

En el menú de la izquierda, dirígete a la sección de bloques "WooCommerce". Desde allí, busca el bloque Productos recientes y arrástralo a tu página.

Arrastre el bloque de productos recientes a su página

Después, puede hacer clic en cualquier parte del bloque de productos recientes para abrir la configuración del bloque a la derecha.

Productos recientes WooCommerce configuración de bloque

En este panel, puedes:

  • Elija el número de columnas de productos
  • Habilitar la paginación simple de productos
  • Mostrar recuentos de artículos (para la gestión de existencias)
  • Añadir un menú desplegable de productos de filtro
  • Limitar el número de productos mostrados

También puede cambiar la consulta de productos recientes a:

  • Productos destacados
  • Venta de productos
  • Productos más vendidos
  • Productos mejor valorados
  • Consulta personalizada
Consultas sobre productos woocommerce

Al hacer clic en la pestaña Avanzado, se revelan aún más formas de personalizar sus nuevos listados de productos.

Configuración avanzada de productos recientes

Por ejemplo, puede personalizar la tipografía de la descripción del producto, la fuente del precio normal y el color del distintivo del precio de venta.

Otras opciones avanzadas de personalización son:

  • Estilos de botones y tipografía
  • Sombras y bordes de imagen
  • Espaciado de márgenes y relleno

Una vez que haya terminado de añadir sus nuevos productos, asegúrese de hacer clic en Guardar para guardar los cambios.

4. Personalizar el diseño y la maquetación de la página

Después de añadir productos a su página, puede terminar de personalizar su diseño para adaptarlo a su marca. SeedProd ofrece varias maneras fáciles de hacer esto, pero en primer lugar, vamos a empezar por la eliminación de elementos de la página que no necesitamos.

Por ejemplo, la plantilla de página viene con imágenes de demostración y descripciones. Para eliminarlas, pasa el ratón por encima del bloque y haz clic en el icono de la papelera.

Eliminar un elemento de la página de destino

También puede editar cualquier encabezamiento o bloque de texto haciendo clic dentro de él e introduciendo su nuevo contenido.

Editar los títulos de las páginas de productos recientes

Además, puedes crear llamativos encabezados de página añadiendo tus propias imágenes. Solo tienes que hacer clic en cualquier sección, elegir el estilo de imagen de fondo y escoger una foto de tu ordenador, de la biblioteca multimedia o de uno de los cientos de fotos de archivo gratuitas.

Elija un nuevo fondo de página de producto

Cuando estés satisfecho con tus personalizaciones, haz clic en el botón Guardar.

5. Previsualice y publique su página de nuevos productos

Antes de pasar a la publicación de su página, vamos a asegurarnos de que es compatible con dispositivos móviles. SeedProd ha incorporado opciones de edición móvil para asegurar que su página se ve muy bien en cualquier pantalla o dispositivo.

Para comprobar su página, haga clic en el icono de móvil de la barra de navegación inferior. Desde ahí, puedes ajustar tu página para asegurarte de que se muestra correctamente en pantallas móviles.

Previsualización móvil

Por ejemplo, puede hacer que sus botones sean más grandes y fáciles de pulsar o reducir las columnas de productos.

edita tu página de nuevos productos de woocommerce en móvil

Después de comprobar que tu página responde a dispositivos móviles, haz clic en la flecha desplegable junto al botón Guardar y haz clic en Publicar.

Publica tu página de nuevos productos woocommerce

Ahora ha añadido sus productos más recientes a una página única de nuevos productos.

WooCommerce nuevos productos página de destino

Con SeedProd, usted puede hacer casi infinitas personalizaciones a esta página para mejorar las conversiones, tales como:

También puede añadir esta página a su menú de navegación de WordPress para animar a sus visitantes a navegar por sus nuevos productos WooCommerce.

Método 2: Mostrar nuevos productos en WooCommerce sin un plugin

Si quieres mostrar nuevos productos en tus páginas de WooCommerce o entradas de WordPress, puedes hacerlo. WooCommerce tiene bloques de WordPress dedicados y shortcodes integrados que puedes utilizar para personalizar tus páginas y otras áreas de tu tienda online.

Utilizar el bloque "Productos más nuevos" en Gutenberg

Para añadir nuevas entradas con un bloque, edita cualquier entrada o página de tu tienda y haz clic en el icono del signo más. A continuación, desplázate hasta la sección WooCommerce.

Añadir un bloque WooCommerce WordPress

Aquí, puedes elegir entre varios bloques de WooCommerce que añaden productos basados en categorías y etiquetas de productos, nivel de producto y otros datos del producto.

Para mostrar nuevos productos, haga clic en el bloque Productos más recientes. Al hacerlo, añadirás una cuadrícula con tus productos más recientes a tu publicación o página.

Añadir el bloque Newest Products WooCommerce

En las opciones de bloque de la derecha, puede configurar sus productos agrupados para mostrarlos u ocultarlos:

Configuración del bloque WooCommerce Newst Products WordPress

Además, puede filtrar los productos por categoría, cambiar la alineación de la cuadrícula y establecer el número de filas y columnas.

Cuando estés satisfecho con el aspecto, haz clic en Actualizar o Publicar. A continuación, puedes previsualizar la página.

WooCommerce productos más nuevos sin un plugin

Añadir nuevos productos con un código corto de WooCommerce

Si utilizas el editor clásico de WordPress, puedes hacer lo mismo con un shortcode de WooCommerce. En el editor de WordPress, pega este shortcode: [recent_products].

Puedes controlar el número de productos vinculados y columnas de productos añadiendo los siguientes parámetros del shortcode: products limit="3″ columns="3″.

Añadir nuevos productos a WooCommerce con un shortcode

A continuación, puede seguir adelante y actualizar o publicar su página. Ahora sus visitantes verán sus productos más recientes resaltados a continuación.

WooCommerce productos más nuevos shortcode ejemplo

Mostrar nuevos productos en la barra lateral con un código corto

Además de lo anterior, puede utilizar el código corto de WooCommerce para mostrar nuevos productos en su barra lateral de WooCommerce o WordPress.

Para ello, ve a Apariencia " Widgets y añade un nuevo bloque de párrafo. A partir de ahí, pegue el código corto que utilizó anteriormente y haga clic en Guardar.

WooCommerce nuevos productos widget shortcode

Cuando previsualices tu tienda, verás tus nuevos productos resaltados en tu barra lateral de WordPress.

WooCommerce nuevos productos widget de la barra lateral

Preguntas frecuentes

¿Cómo puedo mostrar sólo productos nuevos en WooCommerce?

Puede mostrar sólo los productos nuevos utilizando la opción [recent_products] o el bloque "Nuevos Productos" dentro del editor de WordPress. SeedProd también le permite crear una página de destino completa sólo para los recién llegados.

¿Qué es el shortcode para nuevos productos en WooCommerce?

El shortcode por defecto de WooCommerce es [recent_products]. También puede añadir parámetros como limit="4" o columns="2" para personalizar cuántos productos nuevos se muestran y en qué disposición.

¿Puedo añadir una página de "Novedades" a WooCommerce?

Sí. Con un plugin como SeedProd, puede crear una página de destino "Novedades" totalmente personalizada y destacarla en su menú. Es una gran manera de aumentar la visibilidad de sus últimos productos.

¿Cómo puedo mostrar nuevos productos de WooCommerce en mi barra lateral?

Puede pegar el [recent_products] en un widget de la barra lateral. Ir a Apariencia " Widgetsañada un bloque de párrafo e inserte el shortcode para mostrar sus artículos más recientes.

¿Cuánto tiempo permanecen "nuevos" los productos en WooCommerce?

WooCommerce no tiene un temporizador de etiquetas "nuevo" incorporado, pero puedes controlar qué productos aparecen en el bloque de productos recientes o en el shortcode ajustando el orden de clasificación y las fechas de publicación de los productos.

Consejos finales para destacar nuevos productos en WooCommerce

Si quieres un control total sobre tu diseño y maquetación, SeedProd es la mejor opción. Puedes crear una página de nuevos productos WooCommerce completamente personalizada, darle estilo visual y añadir elementos que aumenten la conversión como CTAs, titulares y filtros de producto.

Si buscas un método más rápido, los códigos cortos y bloques de WooCommerce también funcionan bien. Te permiten colocar una sección de "nuevas llegadas" en cualquier página, entrada o área de widgets sin necesidad de plugins adicionales.

En cualquier caso, añadir un espacio dedicado a sus productos más recientes facilita que los clientes encuentren lo nuevo y fomenta las ventas de los visitantes habituales.

¿Quieres seguir mejorando tu tienda WooCommerce? Echa un vistazo a estos útiles tutoriales a continuación:

Si le ha gustado este artículo, síganos en YouTube, Twitter y Facebook para obtener más contenidos útiles que le ayudarán a hacer crecer su negocio.

avatar de autor
Stacey Corrin Escritor
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.