🔐 Personalización de Productos en WooCommerce con Coste Adicional

Hoy vamos a resolver un interesante caso planteado por uno de mis suscriptores premium, quien necesitaba implementar un sistema en su tienda WooCommerce que permitiera a los clientes personalizar un producto con su nombre y la bandera de su país, añadiendo un coste adicional por cada personalización. Aunque existen muchos plugins para WooCommerce que podrían abordar este problema, se puede optar por una solución mucho más eficiente: lograrlo con poco más de 100 líneas de código personalizado, evitando así instalar plugins que suelen traer miles de líneas innecesarias y que, en muchos casos, afectan el rendimiento del sitio web. Usar un código personalizado no solo te brinda control total sobre el comportamiento de tu tienda, sino que también garantiza un funcionamiento más ligero y optimizado.

El flujo del sistema de personalización

El sistema diseñado funciona de manera intuitiva tanto para el administrador como para el cliente:

1. Configuración en el administrador:
   • En el área de administración de WooCommerce, el administrador puede marcar cualquier producto como «personalizable». Esto se hace mediante una casilla de verificación que añadimos al panel de configuración del producto. De esta forma, solo los productos marcados como personalizables mostrarán las opciones de personalización en el front-end.

1. Opciones de personalización para el cliente:
   • Cuando el cliente accede a un producto marcado como personalizable, verá dos campos opcionales:
     • Nombre que desea imprimir en el producto (añade un coste de 30 € si se rellena).
     • Bandera que desea imprimir en el producto (añade un coste de 20 € si se rellena).
   • Estos campos solo aparecen si el producto está configurado como personalizable y el cliente decide utilizarlos. Si el cliente no rellena ninguno de los campos, el precio base del producto no se ve afectado.
2. Cálculo dinámico del coste adicional:
   • Si el cliente decide personalizar el producto, el sistema calcula automáticamente el coste adicional en función de los campos rellenados:
     • Si solo se rellena el nombre, se suma un coste de 30 €.
     • Si solo se elige la bandera, se suma un coste de 20 €.
     • Si se rellenan ambos campos, se suman ambos costes (50 € en total).
   • Este coste adicional se refleja directamente en el precio del producto en el carrito y en el resumen de compra.
3. Reflejo de la información en el pedido:
   • Toda la información proporcionada por el cliente, como el nombre y la bandera elegidos, se guarda junto con el producto en el carrito y también se muestra en la página de checkout, el resumen del pedido y en la información del pedido del administrador. Esto asegura que tanto el cliente como el administrador tengan claridad sobre las personalizaciones realizadas.
4. Optimización del flujo de compra:
   • Si el cliente no utiliza las opciones de personalización, el flujo de compra sigue siendo igual de ágil que en un producto normal. No hay costos adicionales, ni se muestran datos innecesarios en el pedido.

Ventajas de este enfoque

• Ligereza y eficiencia: En lugar de instalar un plugin que podría incluir funciones innecesarias, hemos creado una solución específica que se integra perfectamente con WooCommerce.
• Escalabilidad: Este sistema puede ampliarse fácilmente para incluir más opciones de personalización o incluso diferentes costes para otros tipos de productos.
• Control total: Todo el proceso es manejado a través del código personalizado, lo que significa que puedes adaptarlo exactamente a las necesidades de tu tienda.
• Experiencia de usuario optimizada: Los clientes solo ven las opciones de personalización cuando son relevantes, y el coste adicional se calcula de manera clara y transparente.

Conclusión

Con este sistema de personalización hemos demostrado que no siempre es necesario recurrir a plugins complejos para resolver problemas específicos en WooCommerce. A través de un enfoque basado en código personalizado, logramos implementar una solución funcional, eficiente y perfectamente integrada con el flujo de compra estándar. Si tienes una necesidad similar en tu tienda, no dudes en considerar soluciones personalizadas: ligeras, optimizadas y hechas a medida para ti.

El siguiente código tienes que agregarlo en el functions.php de tu tema hijo o utilizar un plugin como CODE SNIPPETS. También puedes crear tu propio plugin con unos simples pasos.