¿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.
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.
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.
Puedes filtrar las plantillas haciendo clic en las pestañas de la parte superior, que incluyen:
- Todos
- Próximamente
- Modo de mantenimiento
- 404 Página
- Ventas
- Webinar
- Captación de clientes potenciales
- Gracias
- Inicio de sesión
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.
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.
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.
Después, puede hacer clic en cualquier parte del bloque de productos recientes para abrir la configuración del bloque a la derecha.
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
Al hacer clic en la pestaña Avanzado, se revelan aún más formas de personalizar sus nuevos listados de productos.
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.
También puede editar cualquier encabezamiento o bloque de texto haciendo clic dentro de él e introduciendo su nuevo contenido.
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.
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.
Por ejemplo, puede hacer que sus botones sean más grandes y fáciles de pulsar o reducir las columnas de productos.
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.
Ahora ha añadido sus productos más recientes a una página única de nuevos productos.
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.
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.
En las opciones de bloque de la derecha, puede configurar sus productos agrupados para mostrarlos u ocultarlos:
- El título del producto
- Precio
- Clasificación
- Botón Añadir a la cesta
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.
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 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.
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.
Cuando previsualices tu tienda, verás tus nuevos productos resaltados en tu barra lateral de WordPress.
¡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.