El problema
Crea il tuo caffè permite a los clientes diseñar su propia mezcla de café y comprarla tostada y envasada. Una ficha de producto estándar con unas pocas variaciones no podía hacerlo. El precio depende de la combinación de orígenes, la cantidad, el tueste y el envase, y algunos compradores quieren su propio logotipo en la bolsa.
Lo que construí
Escribí un plugin de WordPress a medida que convierte un producto de WooCommerce en un configurador de mezclas.
- Deslizadores de origen — 7 orígenes (Etiopía, Guatemala, Brasil, Uganda, India, Vietnam, Indonesia) que se ajustan en pasos del 10%. El carrito rechaza la mezcla si el total no es exactamente el 100%.
- Mezclas sugeridas — el cliente puede partir de una mezcla recomendada y ajustarla. Unas descripciones emergentes valoran las características de cada origen de 1 a 5 granos de café.
- Precio en directo — el precio es la suma ponderada del precio de cada origen y se actualiza en pantalla mientras el cliente mueve los deslizadores.
- Precios por volumen — 1, 50, 100 o 250 kg. El precio por kilo baja con la cantidad: la mitad a 50 kg, el 40% a 100 kg, un tercio a 250 kg.
- Tueste y envase — tueste claro, medio u oscuro; una bolsa neutra, una bolsa con el logotipo que sube el cliente o una propuesta de diseño personalizado facturada como tarifa aparte.
- Elecciones guardadas en el pedido — orígenes, cantidad, tueste, envase y logotipo aparecen en el carrito, en el pago y en el detalle del pedido, para que el tostador sepa exactamente qué producir.
- Acceso desde la portada — un bloque configurador en la portada, también disponible como elemento de WPBakery, pasa las primeras elecciones a la ficha de producto.
Con qué está hecho
WordPress, WooCommerce y el tema Larcorso con WPBakery; un plugin PHP a medida con JavaScript puro y Swiper; WooPayments, Mailchimp for WordPress, Complianz para el consentimiento de cookies y el chat en directo tawk.to.
Por qué se hizo así
Las mezclas, los orígenes, las valoraciones de sabor y los precios viven en los atributos del producto en WooCommerce, no en el código. El cliente puede cambiar un precio o una mezcla sugerida desde la pantalla normal del producto, y el configurador lo recoge.
