Ú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 añadir una sección de WooCommerce de nuevos productos a WordPress 

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: reviewer avatar Turner John
reviewer avatar 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.

¿Quieres añadir una nueva sección de productos WooCommerce a tu tienda online?

Mostrar los nuevos productos en su tienda online es una forma probada de aumentar las ventas. Por eso, tiendas tan populares como Amazon, Walmart y todas las demás tienen un widget de novedades.

En este artículo, le mostraremos cómo mostrar nuevos productos en WooCommerce, con y sin un plugin.

¿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.

¿Cómo puedo mostrar las nuevas llegadas 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: Añadir una nueva página de productos WooCommerce con SeedProd

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 mejor plugin de WordPress página de destino

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. Instalar SeedProd Landing Page Builder

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 de página de destino

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. Añadir el Bloque Productos Recientes WooCommerce

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. Personaliza tu página de nuevos productos WooCommerce

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. Publique su Página WooCommerce 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:

  • Añadir descripciones breves
  • Mostrar productos variables
  • Cambiar el color del botón CTA
  • Visualización de la cesta de la compra
  • Añadir titulares animados

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: Usar Nuevos Productos WooCommerce Shortcodes

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.

Nuevos Productos Bloque WooCommerce

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

Nuevos Productos Shortcode para 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

Nuevos Productos WooCommerce Sidebar Widget

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

¡Ya está!

Esperamos que este artículo te haya ayudado a aprender cómo mostrar nuevos productos en WooCommerce. Mientras estás aquí, puede que también te guste aprender cómo personalizar la página de pago de WooCommerce para aumentar tu tasa de conversión. O este otro sobre los mejores plugins de afiliación de WooCommerce.

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.