#1 Empresa independiente en la venta de plugins para WooCommerce
Comprar por categoría
VIDEOFORMACIÓN DE LA UX DEL COMERCIO ELECTRÓNICO

VIDEOFORMACIÓN DE LA UX DEL COMERCIO ELECTRÓNICO

Descubre nuestra experiencia en formación y mejora tu comercio electrónico para fidelizar a tus clientes y aumentar tus ventas. ver nuestros cursos

AUDITORÍA DE LA UX DEL COMERCIO ELECTRÓNICO

AUDITORÍA DE LA UX DEL COMERCIO ELECTRÓNICOPróximamente

Auditamos tu comercio electrónico y te ayudamos a optimizarlo para conseguir mayores conversiones.

Español

< Volver al blog

NovedadesYITH WooCommerce Product Add-ons & Extra Options 2.0: la herramienta definitiva para añadir variedad de opciones a tus productos

El hecho de anunciar en línea que nos encontrábamos desarrollando una nueva versión de nuestro plugin YITH WooCommerce Product Add-ons, ha despertado la curiosidad de numerosos usuarios y los ha llevado a contactarnos para obtener información detallada.

Este plugin – cuyo nombre ha sido levemente modificado y será referido de ahora en adelante como YITH WooCommerce Product Add-ons & Extra Options – ha sido siempre una de las herramientas más populares de nuestro catálogo, con casi 20,000 instalaciones activas al día de hoy.

Esto no cambia el hecho de necesitar un rediseño y actualización: fuimos los primeros en reconocer que las opciones de configuración eran realmente extrañas y engorrosas (especialmente para nuevos usuarios) y que finalmente había llegado el momento de brindarles las características más demandadas y que han sido solicitadas en múltiples ocasiones por nuestros usuarios en los últimos años.

No ha sido un proceso fácil o rápido, pero finalmente podemos lanzar la versión 2.0: hemos estado trabajando varios meses para lograr un rediseño exhaustivo de 360 grados y nos hemos centrado en la usabilidad, los gráficos, optimización del código y mejoras de rendimiento para convertir este plugin en uno de los mejores del ecosistema WooCommerce.

¿Lo logramos? Por supuesto, estamos orgullosos, pero la última palabra es la tuya.

Lo nuevo en YITH WooCommerce Product Add-ons & Extra Options – versión 2.0

1. El nuevo UX: la usabilidad importa

El primer desafío en el rediseño de este plugin fue sin dudas hacer el panel de configuración más intuitivo y usable. Empezamos agrupando los complementos (que ahora se llaman “Opciones”) y todas las configuraciones generales y de estilo en un panel extenso, en línea con el nuevo estilo estructural que todos nuestros plugins han adoptado.

New UX

El uso de un marco de referencia en común para todos nuestros plugins mejora exponencialmente la usabilidad del mismo. Es por ello que un gran número de elementos o soluciones encontradas en YITH WooCommerce Product Add-ons & Extra Options se reflejan bajo el mismo concepto en otros plugins tales como AJAX Product Filter, Multi-Currency o Wishlist. Nuestro objetivo es crear una experiencia de usuario uniforme y fluida para todos nuestros plugins, de modo que si te familiarizas con uno de ellos, encontrarás el mismo patrón de interfaz en los demás y eso conlleva un uso más intuitivo.

2. El nuevo UI: porque también queremos complacer la vista

n los últimos años, la atención a los detalles y la apariencia se ha convertido en uno de nuestros puntos fuertes. Es por ello que, como otros plugins, YITH WooCommerce Product Add-ons & Extra Options pasó por el quirófano de nuestro cirujano plástico para obtener una mejora significativa del diseño de la interfaz.

New UI

Espacios en blanco, más opciones de personalización sin afectar el código, buen acabado de tipografías, iconos, una cuadrícula para elegir qué opciones mostrar por fila. Podrán parecer pequeñeces pero serán las cosas que harán la diferencia para los usuarios que visiten tu tienda.

3- La mejora del código

Una gran parte del proceso de rediseño fue dedicada a la mejora del código. El plugin había sido desarrollado varios años atrás y, a través del tiempo, algunas de las mejores prácticas que salieron a la luz tuvieron que posponerse por diferentes motivos.

Code refactoring

Un grupo de desarrolladores senior analizó en profundidad el código para detectar errores y aspectos críticos y lograr que el plugin sea más estable, funcione mejor y sea más seguro.

4- Mejora de todas las opciones existentes

Antes de morder más de lo que se podría masticar, hemos mejorado exponencialmente todas las opciones ya disponibles en el plugin.

Por ejemplo, hemos enriquecido la opción de mostrar un campo de fecha con nuevas características: a partir de la versión 2.0, puedes establecer una fecha predeterminada para mostrar, configurar un rango específico o seleccionar días (como la posibilidad de que los usuarios seleccionen un día entre el 12 de abril y el 20 de abril) o un rango de días (para permitir al usuario seleccionar un día desde la fecha corriente a los siguientes siete días). Asimismo, se puede deshabilitar días específicos para evitar que sean seleccionados por los usuarios, por ejemplo, sábados y domingos como fecha de entrega de los productos.

Date field

Hemos añadido características y opciones de estilo para todos los complementos y hacer más fácil su personalización.

La lógica condicional, a través de la cual puedes mostrar una opción específica sólo si los usuarios seleccionan la opción previa, tiene una mejor apariencia exterior. Configurar estas reglas es ahora más intuitivo.

Conditional logic

5- Nueva función de “cuadrícula” para colocar opciones en la página de producto

Para hacer el plugin más versátil, hemos añadido nuevas funciones que te permiten elegir la posición de las opciones en la página de producto. Puedes mostrar un conjunto de etiquetas uno debajo del otro (definiendo el valor “1” por fila) o mostrar múltiples etiquetas en la misma fila (en el ejemplo de abajo, mostramos 4).

Grid layout

Si quieres que todas tus opciones tengan el mismo ancho, sólo tienes que activar la opción “Cuadrícula” y definir la anchura en porcentaje. Este valor será aplicado proporcionalmente a todas las opciones.

6- Opciones para insertar títulos, textos y separar opciones gráficamente

A partir de la versión 2.x, sumado a las opciones que los usuarios pueden seleccionar para crear su producto, hemos añadido funciones que te permitirán poner títulos, textos, espacios en blanco y separadores entre dos opciones o bloques de opciones.

HTML Elements

7- Nuevo tipo de opción «producto»

Con esta actualización, hemos implementado una función solicitada con frecuencia por aquellos que ya eran usuarios del plugin: un tipo de opción «producto» a través del cual puedes insertar y sugerir otros productos de tu tienda como “opciones enlazadas”.

Product type

Esta es una opción interesante que permite construir una estrategia de venta dirigida y promociona productos relacionados al que los usuarios se encuentren viendo ofreciéndolos como “opciones adicionales o sugerencias”.

Upsell products options

Puedes usar la misma opción para vender paquetes de productos o permitir a usuarios armar su producto, como por ejemplo un ordenador.

Vas a necesitar crear un producto basado en el “ordenador” con el precio en cero e insertar todas las opciones que los usuarios podrían elegir para configurarla: procesador, placa base, almacenamiento de datos, etc.

Assemble your computer

Conclusiones

Estas son sólo algunas de todas las novedades, ya que se nos dificultaría enumerarlas todas en este artículo.

Es por ello que te sugerimos echar un vistazo a la nueva demostración en vivo de YITH WooCommerce Product Add-ons & Extra Options 2.0. Encontrarás nueve muestras de productos configurados con las diferentes opciones disponibles en el plugin. No olvides hacer click en el botón “Launch admin demo” para acceder al panel del administrador y probar la funcionalidad de la nueva interfaz!

Para más detalles y la lista completa de características de lo que consideramos otro emblema de nuestro catálogo, visita el sitio del plugin YITH WooCommerce Add-ons & Extra options.