Le problème
Crea il tuo caffè permet aux clients de composer leur propre mélange de café et de l’acheter torréfié et conditionné. Une fiche produit standard avec quelques variantes ne pouvait pas faire cela. Le prix dépend du mélange d’origines, de la quantité, de la torréfaction et du conditionnement, et certains acheteurs veulent leur propre logo sur le sachet.
Ce que j’ai construit
J’ai écrit une extension WordPress sur mesure qui transforme un produit WooCommerce en configurateur de mélange.
- Curseurs d’origine — 7 origines (Éthiopie, Guatemala, Brésil, Ouganda, Inde, Vietnam, Indonésie) réglables par paliers de 10 %. Le panier refuse le mélange si le total n’est pas exactement de 100 %.
- Mélanges suggérés — les clients peuvent partir d’un mélange recommandé et l’ajuster. Des infobulles notent les caractéristiques de chaque origine de 1 à 5 grains de café.
- Prix en direct — le prix est la somme pondérée des prix de chaque origine, mise à jour à l’écran à mesure que le client déplace les curseurs.
- Prix dégressifs — 1, 50, 100 ou 250 kg. Le prix au kilo baisse avec la quantité : la moitié à 50 kg, 40 % à 100 kg, un tiers à 250 kg.
- Torréfaction et conditionnement — torréfaction claire, moyenne ou foncée ; un sachet neutre, un sachet avec le logo envoyé par le client, ou une proposition de design personnalisé facturée à part.
- Choix enregistrés sur la commande — origines, quantité, torréfaction, conditionnement et logo apparaissent dans le panier, à la validation et dans le détail de la commande, pour que le torréfacteur sache exactement quoi produire.
- Point d’entrée sur la page d’accueil — un bloc configurateur sur la page d’accueil, aussi disponible comme élément WPBakery, transmet les premiers choix à la fiche produit.
Comment c’est construit
WordPress, WooCommerce et le thème Larcorso avec WPBakery ; une extension PHP sur mesure avec du JavaScript natif et Swiper ; WooPayments, Mailchimp for WordPress, Complianz pour le consentement aux cookies et le chat en direct tawk.to.
Pourquoi ce choix
Les mélanges, les origines, les notes aromatiques et les prix sont stockés dans les attributs du produit dans WooCommerce, pas dans le code. Le client peut modifier un prix ou un mélange suggéré depuis l’écran produit habituel, et le configurateur le prend en compte.
