Creo que ya he dicho alguna vez que una de las cosas que más limitadas veo en WooCommerce es el carrito, tanto en lo que respecta a marketing como en lo que atañe a funcionalidades. La verdad, creo que es bastante mejorable, desde el triste Tu carrito esta vacío, que no parece el rien ne va plus del marketing y desde luego no invita precisamente a llenarlo, hasta el desquiciante botón de Actualizar carrito.

Así que vamos a ver cómo podemos mejorar el carrito de WooCommerce y añadirle nuevas funcionalidades de tres formas diferentes y de un modo muy sencillo.

Añadir funcionalidades y mejorar el carrito de WooCommerce

A lo largo de todo el tiempo que llevo trabajando con WooCommerce he detectado al menos tres cambios que creo bastante necesarios en el carrito de WooCommerce:

• El contenido del carrito vacío. Ya que ahí no hay nada, ¿por qué no aprovechar ese espacio para mostrarle al usuario producto o promociones de su interés?
• El botón Vaciar carrito. Sí, vale que no queremos que el usuario lo vacíe, pero lo importante es que si él quiere vaciarlo… ¿tiene que ir pulsando las crucecitas una a una y esperando una recarga de AJAX cada vez?
• Auto actualización. No siempre (depende del tipo de ecommerce) pero me he encontrado muchas veces deseando que el carrito pudiera actualizarse simplemente cambiando las cantidades, y prescindir de una vez de ese enojoso botón de Actualizar carrito, que parece sacado de las tiendas de hace una década.

El caso es que, tras programar los mismos cambios una y otra vez a la hora de crear una tienda online, al final he terminado aunando las tres funcionalidades en un sólo plugin, Carrito Plus, que por cierto puedes ver en funcionamiento en esta web de demostración.

Tu carrito está vacío

Ya lo conoces, pero míralo un momento:

Y eso es todo lo que ve un cliente cuando va al carrito de tu tienda y no hay nada en él. No parece que incite mucho a llenarlo, ¿verdad? Éste es un problema que ya detecté hace tiempo, y que mis clientes a menudo me piden específicamente que cambie el aspecto de esta pantalla, añadiéndole contenido que se pueda personalizar.

De hecho en su día, después de que me lo pidieran varias veces, ya hice un plugin bastante sencillo para esto. Es algo limitado ya que, por ejemplo, permite mostrar en el carrito vacío algunos productos que queramos promocionar, pero si se añade uno de estos productos al carrito su visualización no cambia, y sigue mostrando el contenido como si estuviera vacío.

Carrito Plus contiene, por supuesto, un módulo que permite poner contenido personalizado en el carrito cuando está vacío (incluyendo imágenes, vídeos, enlaces, shortcodes… lo que quieras) pero con la importante mejora de que si añades un producto desde el propio carrito (por ejemplo, uno que se ha destacado en el contenido personalizado) éste se actualiza automáticamente para adaptarse al nuevo contenido.

El plugin te permite también ocultar el botón Volver a la tienda por si también quieres personalizarlo, estableciendo el tuyo propio. Puedes ver el ejemplo aquí.

No me digas que el marketing no mejora considerablemente…

Auto actualizar el carrito al cambiar cantidades

El botón Actualizar carrito es uno de los que más odio del mundo mundial (bueno, quizá junto con los que dicen Trump y Kim Jong Un que tienen en su mesa). En la época del AJAX y el jQuery, de la usabilidad, la accesibilidad y la integración, ¿puede haber algo más anacrónico que un botón de «actualizar»?

Quizá hay algunos comercios electrónicos en los que, debido a la propia naturaleza del producto o servicio que ofrecen, no tenga mucho sentido, pero en la gran mayoría de ellos el carrito debería actualizarse automáticamente cuando el usuario cambia las cantidades, como sí hacen otros sistemas como Prestashop, ¿no? Pues no, no lo hace.

Por eso he incluido también un módulo para activar la auto actualización del carrito en el plugin Carrito Plus. Puedes verlo en funcionamiento en vivo aquí.

Botón para vaciar el carrito

Otra funcionalidad que se echa de menos en el carrito de WooCommerce es un botón para vaciar el carrito. Vale que lo que queremos es que el usuario lo llene, no que lo vacíe pero, si él quisiera vaciarlo, ¿no deberíamos darle la posibilidad?

Al contrario, la única forma (obvia) de vaciar el carrito de WooCommerce es ir pinchando en la crucecita junto a cada producto, lo que indica una recarga del carrito cada vez. Si un usuario tiene ocho o diez productos y quiere vaciarlo (por el motivo que sea) la frustración de estar aguantando una recarga del contenido cada vez puede hacer que se acabe marchando.

Por el contrario, un botón para vaciar el carrito puede facilitarle las cosas en caso de que, por ejemplo, quiera rehacer su compra por completo. Por supuesto, debemos prever que el botón solicite confirmación. ¡Imagina que el usuario lo pulsa por error y se le vacía todo lo que había comprado!

Con Carrito Plus puedes añadir un botón para vaciar el carrito en el que puedes personalizar:

• El texto del botón
• En qué parte del carrito se mostrará
• Si debe o no pedir confirmación
• El texto para la confirmación
• Color del botón de confirmación
• Si hay que redireccionar al usuario tras vaciar el carrito
• En caso de redirección, a qué página llevarle

De esta forma puedes incluso escoger qué contenido debe ver el usuario cuando vacía el carrito, redirigiéndole a una página personalizada tras realizar la acción.

Galería de imágenes Carrito Plus

Vídeo: Añadir funcionalidades al carrito de WooCommerce

En este vídeo puedes ver lo fácil que es implementar todas las funcionalidades que hemos ido viendo con este plugin: