Das Problem
Bei Crea il tuo caffè stellen Kunden ihre eigene Kaffeemischung zusammen und kaufen sie geröstet und verpackt. Eine normale Produktseite mit ein paar Varianten konnte das nicht leisten. Der Preis hängt von der Mischung der Herkünfte, der Menge, der Röstung und der Verpackung ab, und manche Käufer möchten ihr eigenes Logo auf der Tüte.
Was ich gebaut habe
Ich habe ein eigenes WordPress-Plugin geschrieben, das ein einzelnes WooCommerce-Produkt in einen Mischungskonfigurator verwandelt.
- Schieberegler für die Herkünfte – 7 Herkünfte (Äthiopien, Guatemala, Brasilien, Uganda, Indien, Vietnam, Indonesien), einstellbar in Schritten von 10 %. Der Warenkorb lehnt die Mischung ab, solange die Summe nicht genau 100 % beträgt.
- Vorgeschlagene Mischungen – Kunden können mit einer empfohlenen Mischung beginnen und sie anpassen. Tooltips bewerten die Eigenschaften jeder Herkunft mit 1 bis 5 Kaffeebohnen.
- Live-Preis – der Preis ist die gewichtete Summe der Preise aller Herkünfte und aktualisiert sich auf dem Bildschirm, während der Kunde die Regler bewegt.
- Mengenpreise – 1, 50, 100 oder 250 kg. Der Kilopreis sinkt mit der Menge: auf die Hälfte bei 50 kg, auf 40 % bei 100 kg, auf ein Drittel bei 250 kg.
- Röstung und Verpackung – helle, mittlere oder dunkle Röstung; eine neutrale Tüte, eine Tüte mit dem hochgeladenen Logo des Kunden oder ein individueller Gestaltungsvorschlag, der separat berechnet wird.
- Auswahl in der Bestellung gespeichert – Herkünfte, Menge, Röstung, Verpackung und Logo erscheinen in Warenkorb, Kasse und Bestelldetails, damit die Rösterei genau weiß, was sie herstellen soll.
- Einstieg auf der Startseite – ein Konfigurator-Block auf der Startseite, auch als WPBakery-Element verfügbar, übergibt die ersten Entscheidungen an die Produktseite.
Womit es gebaut ist
WordPress, WooCommerce und das Theme Larcorso mit WPBakery; ein eigenes PHP-Plugin mit reinem JavaScript und Swiper; WooPayments, Mailchimp for WordPress, Complianz für die Cookie-Einwilligung und der Live-Chat von tawk.to.
Warum so gebaut
Mischungen, Herkünfte, Geschmacksbewertungen und Preise liegen in den Produktattributen von WooCommerce, nicht im Code. Der Kunde kann einen Preis oder eine vorgeschlagene Mischung in der normalen Produktmaske ändern, und der Konfigurator übernimmt es.
