Wie een badkamer of woonkamer betegelt, denkt in vierkante meters. Wie een tegel-webshop runt, verkoopt in dozen. Dat verschil is de #1 reden dat tegel-shoppers afhaken tijdens het kopen: ze weten niet hoeveel dozen ze moeten bestellen voor hun 12,5m² badkamer, laten hun laptop dicht, en zijn de deal kwijt.
Of erger: ze bestellen te weinig, moeten navorderen (nieuwe verzendkosten, kleurverschil tussen productie-batches, project stopt), en laten een 2-sterren review achter.
De m² Calculator lost dat op. Op elke tegelpagina zien klanten een simpele input: "hoeveel m² heb je nodig?" — plus een dropdown voor snijverlies (5% / 10%). Direct wordt getoond: aantal dozen, werkelijk m², prijs per m², totaalprijs. "In winkelwagen" legt automatisch het juiste aantal dozen erin. Geen afhaakmoment, geen verkeerde bestellingen.
Voor wie werkt dit echt
Elke Magento 2 / Hyvä webshop die producten per doos verkoopt maar klanten per m² denken:
- Tegels (keramisch, natuursteen, mozaïek)
- Laminaat, PVC, vinyl
- Houten vloeren, parket
- Behang (per rol, klant denkt per m²)
- Gipsplaten, isolatie, dakbedekking
Werkt vanaf 20 tegel/vloer-SKU's; wordt lucratief vanaf 100+.
Alleen zichtbaar waar het moet
De calculator verschijnt alleen op producten met het attribuut sss_tegels_m2 (m² per doos). Op alle andere producten in je shop rendert 'ie niets — geen dubbele knoppen, geen verwarring. De native "in winkelwagen" wordt op tegelproducten netjes verstopt en vervangen door de calculator, alles via één JS-observer die op elke Hyvä-theme werkt.
Extras die er standaard bij zitten
- Doorgestreepte adviesprijs (kortinglook) — laat kortingen visueel zien, exact als de native Magento buy-box
- Voorraad-fallback — "Tijdelijk niet op voorraad" i.p.v. de calculator als product uitverkocht is
- GA4 tracking — automatisch
add_to_cart-event met correcte quantities (in dozen én m²) naar je dataLayer
- Optionele levertijd-display — standaard uit zodat 'ie niet dubbel toont naast je bestaande PDP-levertijd
- Dynamische kleuren — accent, tekst, prijs — allemaal via CSS-variabelen, past bij jouw huisstijl
Technisch schoon
Native Magento 2 module. Hyvä Tailwind-compatible (Tailwind-registratie via observer op hyva_config_generate_before event — zelfde patroon als onze Cart Popup module). Alle data server-side uit het product gelezen — geen GraphQL, geen extra API-calls, geen performance-hit. De berekening zelf draait client-side in Alpine.js.
Wat Hazenco doet
- Module installatie op jouw Magento shop (Composer + Hyvä Tailwind build)
- Product-attribuut
sss_tegels_m2 toevoegen aan je catalogus
- Bulk-vullen van dit attribuut voor je bestaande SKU's (m² per doos per product)
- Styling passend bij jouw shop-huisstijl (accentkleuren, teksten, labels)
- GA4-tracking configureren + verificatie in je Tag Manager
- Doorlopend onderhoud + updates
Setup
Binnen 5-7 werkdagen live. Dag 1-2: module installatie + Hyvä Tailwind build + attribuut aanmaken. Dag 3-4: bulk-vullen sss_tegels_m2 voor je top 200 SKU's (of alle als je catalogus kleiner is). Dag 5: styling + tekst-configuratie in Product Manager. Dag 6-7: GA4-integratie + A/B testen tegen huidige flow.
Wat het je oplevert (echte cijfers)
Bij een tegel-webshop met 850 tegel-SKU's: conversion-rate op tegelpagina's steeg van 1,8% naar 4,2% (+133%) binnen 8 weken. Reden: klanten die eerst afhaakten om zelf te rekenen, kopen nu direct. Return-rate wegens verkeerde hoeveelheid daalde van 12% naar 3% — grote besparing op retour-verwerking en klantcontact.
Klaar om te starten?
Plan een gesprek van 15 minuten. Wij tonen je een live demo op een test-Magento shop met echte tegelproducten, laten zien hoe klanten het gebruiken, en geven een eerlijke schatting voor jouw shop.