Con tasas de conversión promedio de comercio electrónico en solo 1,33% , hay muchas oportunidades para que los propietarios de tiendas WooCommerce aumenten las ventas. El diseño de la página tiene un gran impacto en la experiencia del cliente y puede hacer o deshacer un sitio de comercio electrónico. Una vista de lista de WooCommerce es una manera fácil de mejorar el diseño de su tienda y dirigir rápidamente a los clientes a los productos que están buscando. Esto tiene el potencial de aumentar las tasas de conversión y, en última instancia, sus ventas.

¿Qué es una vista de lista de WooCommerce?

A Vista de lista de WooCommerce es una forma alternativa de presentar sus productos.

 

La mayoría de las tiendas WooCommerce tienen un diseño de página bastante tradicional: 3 o 4 productos por fila con una imagen destacada grande, el precio, el botón agregar al carrito y quizás una breve descripción. Esto está bien para tiendas pequeñas con pocos productos. Sin embargo, si tiene muchos productos, este diseño puede hacer que a los clientes les lleve mucho tiempo encontrar lo que buscan. Los widgets de filtro de WooCommerce son útiles para reducir la selección, pero simplemente no puede ver muchos productos en la página al mismo tiempo.

 

Por el contrario, una vista de lista de WooCommerce muestra productos en un formato que ahorra espacio. Los productos se muestran en una tabla o cuadrícula clasificable, con información estructurada como nombre, precio, categoría y posiblemente botones para agregar al carrito. Los clientes pueden comprar directamente de la lista de productos o pueden hacer clic en la página de un solo producto.

Beneficios de una vista de lista de productos

Con una vista de lista de WooCommerce, cada producto ocupa mucho menos espacio que el diseño de una tienda típica. Los clientes pueden ver muchos más productos a la vez, lo que les permite hacer comparaciones directas y tomar decisiones de compra rápidamente. Pueden buscar instantáneamente en la lista de productos ordenando la tabla, ingresando una palabra clave o usando filtros de productos.

 

Además de ayudar a los clientes a encontrar los productos que buscan, enumerar más productos por página les ayudará a detectar otros productos que les gustan. Esto es similar a los “Productos relacionados” que se muestran comúnmente en la parte inferior de la página y el carrito de un solo producto en los sitios de WooCommerce.

 

Sin embargo, a diferencia de los productos relacionados, una vista de lista presenta muchos productos en el mismo lugar. Los clientes leerán naturalmente la lista y verán qué más tiene para ofrecer. Con suerte, verán algo más que les guste pero que no estaban buscando activamente, lo que aumentará el valor promedio de los pedidos de su tienda. Es menos probable que esto suceda con los diseños de productos tradicionales, ya que hay menos productos visibles a la vez.

 

Una vista de lista de productos de WooCommerce no tiene que incluir todo su inventario. Puede enumerar productos por categoría, etiqueta u otra cosa (por ejemplo, taxonomía personalizada). Quizás le gustaría enumerar sus productos más populares / más vendidos en una cuadrícula. Puede usar diseños de categorías tradicionales para sus productos minoristas y una vista de lista para su área mayorista de WooCommerce.

 

Independientemente de cómo decida usar las vistas de lista de WooCommerce, el punto es que presentan productos en un diseño compacto de estilo cuadrícula. Esto dirige instantáneamente a los clientes a los productos que desean, lo que hace que sea menos probable que salgan de su tienda y busquen en otra parte.

¿Qué tiendas de WooCommerce necesitan una vista de lista o cuadrícula?

Lo diré ahora: una vista de lista de WooCommerce no es para todos. Para decidir si mostrar sus productos en una lista o en una cuadrícula, debe pensar en sus clientes y el tipo de productos que vende.

Una vista de lista de productos es ideal para las tiendas WooCommerce donde los clientes deciden comprar basado en información en lugar de imágenes. Puede incluir imágenes de productos en la lista, pero normalmente son más pequeñas que los diseños de tiendas tradicionales. Una vista de lista prioriza los datos de productos y la cantidad de productos por página. Esto puede aumentar las ventas para las tiendas WooCommerce donde los clientes desean ver muchos productos a la vez y tomar decisiones de compra rápidas. Por ejemplo:

  • Directorio de productos de libros o CD. Los clientes quieren ver información sobre cada producto y ver qué está disponible, todo en un solo lugar. (Otra ventaja de usar vistas de lista de WooCommerce para este caso de uso es que puede insertar clips de audio o video directamente en la lista).
  • Sistema de pedidos de alimentos en línea para un restaurante, con listas separadas de los elementos del menú en cada categoría (por ejemplo, entrantes, platos principales, etc.). Los clientes que piden comida en línea quieren ver todo en una sola página, como un menú impreso.
  • Tienda mayorista de WooCommerce donde los usuarios comerciales compran los mismos productos de forma regular. Ya saben qué productos necesitan, por lo que no quieren hacer clic en una pantalla separada para cada producto.
  • Formulario de pedido rápido de WooCommerce , donde los clientes eligen todos sus productos y los agregan al carrito desde una sola página.

¿Qué tiendas no se beneficiarán de una vista de lista de WooCommerce?

Si está vendiendo algo visual, como ropa o fotografía, entonces su tienda está mejor con un diseño estándar de WooCommerce. Para este tipo de productos, los clientes necesitan imágenes grandes para elegir los productos que desean. Una vista de lista de WooCommerce es contraproducente para tiendas como esta, ya que los clientes se sentirán menos atraídos por las imágenes.

 

Para los productos que también requieren mucha información del producto, como auriculares, televisores u otros dispositivos electrónicos, puede ser preferible llevar a los clientes a una página de producto o página de destino dedicada para que puedan ver toda la información sobre el producto en un solo lugar. Para este tipo de productos, los clientes también tienden a querer leer reseñas de productos para este tipo de artículos, que se pueden mostrar directamente en la página del producto.

 

Las tiendas que venden artículos de alto precio, como muebles o productos personalizados, también probablemente deseen enviar a los clientes a una página de producto dedicada para que puedan leer sobre las opciones de especificación, ver vistas previas, elegir opciones personalizadas o ver / configurar otros detalles del producto.

Tabla de productos de WooCommerce: el complemento de vista de lista definitivo

Sorprendentemente, hay pocos complementos para crear una vista de lista de WooCommerce. Los complementos gratuitos como Vista de cuadrícula / lista para WooCommerce son bastante básicos y no muy flexibles. Por ejemplo, no puede elegir qué información se muestra sobre sus productos, ocultar las imágenes o deshabilitar los botones.

 

La Tabla de productos de WooCommerce: es la forma más sofisticada de crear una vista de lista, sin dejar de ser fácil de usar. Enumera los productos de WooCommerce en una tabla que se puede buscar y ordenar con filtros y que responde completamente.

 

La vista de lista de WooCommerce está diseñada para heredar los estilos de su tema. Esto significa que se verá bien de inmediato sin ningún estilo personalizado. Si lo desea, puede usar CSS para realizar más cambios de estilo a través de su tema o tema hijo (child theme) 

 

Lo bueno del complemento WooCommerce Product Table es que puede mantenerlo muy simple y seguir con la configuración predeterminada. O si lo prefiere, puede usar las muchas opciones para personalizar su vista de lista de WooCommerce para cumplir con sus requisitos exactos.

¿Qué tan flexible es la vista de lista de productos?

Hay muchas formas de configurar la vista de lista, que incluyen:

  • Datos del producto – Elija la información a incluir en la tabla de productos. El complemento de vista de lista admite la mayoría de los datos de productos almacenados en WooCommerce. Las opciones son: SKU, ID, nombre, descripción, descripción breve, fecha, categorías, etiquetas, imagen, reseñas, stock, peso, dimensiones, precio, agregar al carrito, atributo del producto, campo personalizado y término de taxonomía personalizado. Todas estas pueden ser columnas en la tabla de productos.
  • Atributos y productos variables – Puede mostrar cada atributo de producto como una columna en el diseño de la cuadrícula. Para los productos variables, puede permitir que los clientes hagan clic en el botón ‘Ver opciones’ para elegir variaciones en la página de un solo producto, o mostrar menús desplegables de variaciones directamente en la vista de lista.
  • Enlaces – De forma predeterminada, los clientes pueden hacer clic en el nombre de un producto en la vista de lista para visitar la página de un solo producto. Esto es útil para las tiendas WooCommerce que venden productos donde los clientes necesitan más información. Puede deshabilitar los enlaces para usar el complemento de vista de lista de WooCommerce como un formulario de pedido de una página.
  • Añadir al carrito – Puede elegir tener botones normales para agregar al carrito junto con cada producto y / o casillas de verificación de selección múltiple para comprar varios productos. Alternativamente, puede ocultar agregar al carrito por completo. Esto es útil para crear un catálogo de productos de solo lectura o para obligar a los clientes a comprar desde la página de un solo producto en lugar de la vista de lista.
  • Filtros de WooCommerce – El complemento viene con una selección de filtros que se pueden usar para refinar la vista de lista de WooCommerce. Puede agregar filtros para categorías, atributos de productos, etiquetas o taxonomías personalizadas.
  • Tablas múltiples – Puede agregar varias listas de productos a una página. Por ejemplo, es posible que desee estructurar una página con subtítulos para cada categoría y una cuadrícula de productos de la categoría correspondiente debajo.
  • Mostrar u ocultar elementos de la vista de lista – Puede jugar con la apariencia de la vista de lista de WooCommerce. Muestra u oculta elementos como el cuadro de búsqueda, filtros, estilos de paginación, número de productos por página, etc.
  • Carga diferida para catálogos de productos grandes – La opción de carga diferida (AJAX) le permite enumerar cientos o miles de productos en la vista de lista de WooCommerce sin afectar el rendimiento.
  • Plantilla de archivo – La tabla de productos WooCommerce está diseñada para usarse en páginas estándar de WordPress. La documentación del complemento también incluye orientación sobre cómo modificar las plantillas de su tema para mostrar automáticamente la vista de lista de WooCommerce en las plantillas de archivo de productos, por lo que esta también es una opción.

Cómo crear una vista de lista de WooCommerce

Le mostraré cómo crear una vista de lista de productos en 2 etapas. La primera etapa es realmente simple y solo te llevará unos minutos. Después de eso, entraremos en la configuración opcional para configurar la cuadrícula con más detalle.

Para crear una vista de lista básica de WooCommerce, necesita los siguientes pasos:

  1. Obtener el complemento de barn2.co.uk (66.49€).
  2. Instale y active el complemento de la forma habitual.
  3. Navegar a WooCommerce> Ajustes> Productos> Tabla de productos , ingrese su clave de licencia y presione Guardar.
  4. Agregue el siguiente código abreviado a cualquier página: [product_table]

Una vez que guarde su clave de licencia y agregue el código corto, verá sus productos enumerados en una tabla ordenada o en un diseño de cuadrícula. Esta es la vista de lista predeterminada de WooCommerce. Incluye columnas para Nombre, Descripción breve (etiquetada como ‘Resumen’), Precio y Agregar al carrito. Los clientes pueden elegir cuántos productos se muestran por página (el valor predeterminado es 25). También pueden ordenar por cualquier columna y buscar una palabra clave.

Esto logra todo lo que la mayoría de la gente esperaría de una vista de lista de WooCommerce. Como vimos anteriormente, el complemento Product Table tiene muchas opciones para personalizar la tabla para satisfacer diferentes necesidades. Si lo desea, puede utilizar estas opciones para seguir configurando la tabla.

Configurar la vista de lista de productos

La forma más fácil de realizar cambios en la vista de lista de WooCommerce es utilizar la documentación del complemento. Esto describe cada opción en detalle y proporciona ejemplos de cómo utilizar las distintas opciones.

 

También vale la pena ver ejemplos de diferentes vistas de lista en acción en el sitio de demostración del complemento. Estos muestran cómo se puede utilizar WooCommerce y una tabla de productos  para crear formularios de pedidos rápidos, catálogos de productos, etc. Puede copiar los códigos cortos de muestra de cada demostración para crear vistas de lista idénticas para su propia tienda WooCommerce.

 

Finalmente, terminemos analizando formas de utilizar el complemento de vista de lista de WooCommerce para aumentar sus ventas.

Consejos sobre el uso de vistas de lista de WooCommerce para impulsar las ventas

Enumerar los productos en un diseño de cuadrícula ayudará a los clientes a encontrar lo que buscan sin tener que desplazarse por muchas páginas. Esto solo puede reducir las tasas de rebote.

Diseñar la cuadrícula de productos en función de las necesidades de los clientes marcará una diferencia aún mayor. Debe meterse en la cabeza de los clientes y pensar en lo que quieren de su tienda WooCommerce. Por ejemplo:

  • Imagenes – ¿Qué importancia tienen las imágenes para atraer clientes a sus productos? Si las imágenes no son importantes, ahorre espacio al no incluir una columna de imagen. Para los sitios donde las imágenes son una ventaja, pero no son esenciales, incluya miniaturas pequeñas. Si las imágenes son vitales, llame la atención aumentando el tamaño de la imagen.
  • Contenido multimedia – ¿Puede captar la atención de los clientes mostrando contenido multimedia en la vista de lista? Por ejemplo, puede insertar videos de productos directamente en la tabla.
  • Filtros – Piense detenidamente en cómo los clientes clasificarán y encontrarán los productos. El complemento de vista de lista de WooCommerce incluye muchas opciones para mostrar datos estructurados, como atributos, etiquetas y taxonomías personalizadas. Puede mostrarlos como enlaces en los que se puede hacer clic en la tabla o como filtros desplegables arriba.
  • Precios – Algunos tipos de tiendas WooCommerce se benefician de mostrar precios en la página principal de vista de lista. Otros (¡generalmente tiendas con precios más altos!) se benefician al hacer que los clientes hagan clic antes de que puedan ver los precios.
  • Añadir a la cesta – Es más probable que los clientes compren productos de bajo precio directamente desde una vista de lista de WooCommerce. Los artículos más caros, como los muebles, funcionan bien como una lista, pero los clientes normalmente querrán ver más información en la página del producto antes de agregarlos al carrito. Para este tipo de tienda, es mejor incluir enlaces a la página de un solo producto sin tener botones de agregar al carrito en la lista.

Incrementar las ventas con la vista de lista de WooCommerce

Como puede ver, existen diferentes formas de aumentar las ventas en función de la naturaleza de sus productos y clientes. Una tienda WooCommerce que venda comida para llevar se beneficiará de un formulario de pedido de una página con botones para agregar al carrito. Por el contrario, un sitio web que vende muebles de diseñador puede usar una vista de lista para resumir los productos, mientras que usa el diseño de un solo producto para proporcionar más información y permitir pedidos en línea.

 

Al planificar una vista de lista de WooCommerce en torno a las motivaciones de sus clientes, puede atraerlos directamente. Esto los anima a comprarle.

Si bien complacer a los clientes no aumentará la cantidad de visitantes a su sitio, hará que cada uno sea más valioso al mejorar sus tasas de conversión. Con una mayor proporción de visitantes que se convierten en clientes de pago, los ingresos de su sitio web WooCommerce aumentarán. En última instancia, esto ayudará a que su tienda sea un éxito.

Conoce nuestro equipo

¡Diseño y desarrollo web a medida!

Déjanos tu correo electrónico y nosotros te contactaremos.

Fácil, rápido, eficaz.