Al hilo de lo que hablábamos el otro día sobre cómo mostrar las variaciones de productos en la tienda, me han surgido conversaciones muy interesantes con algunos lectores del blog y clientes sobre cómo mejorar los productos variables, algo que en WooCommerce está, digamos, poco conseguido.

Interesantes porque han ido surgiendo ideas buenas, y aunque algunas de las cuales ya las conocía otras han resultado todo un descubrimiento para mí. Y es que hay muchas formas de mejorar los productos variables de WooCommerce, muchas de ellas con poco o ningún esfuerzo por nuestra parte, que nos van a permitir aumentar sus ventas en nuestra tienda.

Mejora el selector de variaciones de WooCommerce

Feo, poco útil y poco usable, el selector de variaciones que WooCommerce implementa para los productos variables tiene (en mi opinión) todo lo malo que puede tener:

• El diseño es pobre
• Es incómodo en dispositivos móviles
• No permite ver las variaciones disponibles de un vistazo
• Requiere dos clicks por atributo (desplegar, elegir) para seleccionarlo

De todo ello ya hablé hace tiempo (más de dos años), pero lo que dije entonces sigue siendo igual de válido porque esto no ha cambiado absolutamente en nada, a pesar de las notables mejoras que WooCommerce ha experimentado desde entonces.

En fin, a esa entrada te remito si quieres convertir esto:

en esto otro:

Como ves, el selector de variaciones de los productos variables de WooCommerce se puede mejorar mucho.

Por cierto, que este tema lo trato también en el ebook Mejorando WooCommerce, que puedes descargar gratuitamente aquí.

Usa atributos claros y descriptivos

Esto, que puede ser de cajón, a veces se pasa por alto. Y, aparte de los beneficios que esto pueda tener indudablemente tiene para el SEO de la tienda, unos atributos correctamente establecidos facilitarán la decisión de compra del cliente.

Porque no buscan lo mismo un cliente que quiere comprar una camiseta azul cobalto, uno que busca una de color azul bondi y un tercero que necesita una azul egeo. Y, desde luego, ninguno de los tres quedará convencido si tú vendes una camiseta simplemente azul. Ninguno de ellos la comprará.

Añade a cada variación al menos una imagen, real y de calidad

No hace falta, total sólo cambia el color, así que con la imagen principal ya vale.

¡Error! El usuario debe ver siempre lo que va a recibir, y punto. Quizá lo que tú y yo entendamos por azul claro sean cosas muy diferentes. Mi hija es capaz de nombrar unos cinco a diez nombres para diferentes tonalidades de lo que yo llamo en conjunto violeta (¡en serio!).

Entonces, ¿por qué crees que un usuario se va a arriesgar a comprarte un [sustituir por el producto que sea] violeta, si no sabe si lo va a recibir malva, morado, púrpura, berenjena o lila, ya que la imagen que le muestras es la de un producto, digamos, azul?

Por supuesto, no basta con poner una foto buena para la variación principal y fotos «pintadas con Photoshop» para el resto de variaciones. Utiliza fotos reales y de calidad para todas y cada una de las variaciones del producto. Tus ventas te lo agradecerán.

Facilita la selección simultánea de múltiples variaciones

De nuevo, esto depende mucho del tipo de producto que estés vendiendo, pero ¿has pensado lo engorroso que puede resultar para un usuario añadir al carrito diferentes variaciones de un mismo producto? Selecciona una variación, añádela al carrito, espera la recarga, selecciona la siguiente, añádela al carrito, espera la recarga…

Evidentemente si vendes zapatos ni siquiera merece la pena que tengas estas cosas en cuenta: la cantidad de clientes que compren diferentes números del mismo modelo debe ser anecdótica. Pero, ¿y si vendes, por ejemplo, juntas tóricas? ¿Te has parado a pensar lo incómodo que debe ser para tus clientes comprar varias del mismo diámetro y material, pero de diferente grosor? O alambre; o púas de guitarra; o cuerda Paracord 550, ¿qué se yo?

Ese problema queda admirablemente resuelto con el plugin Woocommerce Variations to Table – Grid, que permite generar una lista (si hay un sólo atributo) o tabla (si hay dos) de las variaciones del producto, de forma que se puedan añadir al carrito diferentes cantidades de cada una de éstas de forma simultánea. Como una imagen vale más que mil palabras, ahí va:

De esta forma el usuario sólo tiene que poner la cantidad deseada en las variaciones que quiera comprar, y pulsar el botón de añadir los seleccionados al carrito. Una vez. Sin complicaciones, sin esperas de recargas, sin procesos repetitivos. Cliente feliz, ventas felices.