Raamfolie op maat Shopify: breedte, hoogte en live prijs per m²

Raamfolie op maat Shopify is een typisch cut-to-size-probleem. De klant meet het glas (112 cm breed, 198 cm hoog), kiest privacyfolie, zonwerend of veiligheidsfolie, en wil op de productpagina zien wat die ruit kost — niet twee werkdagen later in een mail. Native Shopify geeft je drie variant-opties en een plafond van 2048 combinaties. Een vrije centimeter zit daar niet in.

Dit stuk is voor folie-installateurs, glashandelaren en webshops die rollen snijden op bestelling. Je leest waarom een raster van standaardruiten vastloopt, hoe je breedte, hoogte, folietype en een m²-tarief in één formule zet, en hoe Options Price Calculator dat op de productpagina toont zonder een SKU per raam.

Het algemene patroon — continue maten in plaats van S/M/L — staat in Shopify custom size pricing. Hier gaat het om één branche: raamfolie, inclusief materiaalkeuze en min/max per veld.

Waarom raamfolie niet in drie Shopify-opties past

Shopify Help Adding variants is helder:

• elk product mag maximaal drie options hebben (bijvoorbeeld Size, Color, Material);

• elk product mag maximaal 2048 variants bevatten.

De variantcap ging in oktober 2025 van 100 naar 2048 (Shopify-changelog). Dat helpt een T-shirt met veel maten × kleuren. Voor folie lost het niets op. Een realistische bestelling vraagt minstens:

1. Breedte van het glas (continue cm of mm)

2. Hoogte van het glas (continue)

3. Folietype (frosted, solar, spiegel, security, decorative)

4. Afwerking of dikte (bijvoorbeeld 50 µm vs. 100 µm)

5. Optioneel: montage, hoekuitsparing, extra snijverlies

Punten 1 en 2 zijn geen dropdownwaarden. Punten 3 tot 5 vullen de drie option-slots allang. Elke centimeter als variant aanmaken is onmogelijk: van 40 tot 300 cm in stappen van 1 cm is al 261 breedtes, vóór hoogte en folie. In How can I add a custom sizing feature for blinds and curtains? wil een merchant dat de klant width × drop intypt en een prijs terugkrijgt. Custom price for my product at runtime is hetzelfde patroon voor hekwerk. Folie is die workflow — de eenheid is m².

Wat foliewebshops nu proberen

1. Standaardruiten als variant

“80 × 120” en “100 × 150” als Size. Snel in admin, onbruikbaar voor een tuindeur van 93 × 214 cm. Klanten die tussen kits vallen, mailen of knippen zelf — met retouren tot gevolg.

2. Een raster naar varianten

Breedtebanden × hoogtebanden. Bij tien stappen per as red je het binnen 2048. Bij echte centimeters explodeert het, voorraad per cel is betekenisloos (je koopt rollen, geen 112×198-SKU’s), en de klant scrolt door honderden rijen.

3. Line item properties of een offerte

`<input name="properties[Breedte]">` bewaart de maat op de orderregel. De prijs verandert niet. Een dakraampje van 40 × 60 cm en een pui van 240 × 220 cm kosten hetzelfde, tot je er een calculator of Shopify Function naast zet. Offertes per WhatsApp werken voor een lokale installateur, maar doden Shop Pay en abandoned checkout.

Breedte × hoogte hoort in de formule, niet in een SKU

Folieprijs is oppervlakte × tarief, plus soms een vaste knipkost. De klant meet het glas, niet het kozijn — drie keer breedte en hoogte, de kleinste waarde, zodat de folie niet klem zit. Native variants kunnen die vermenigvuldiging niet. Je hebt number inputs met min/max, een dropdown of swatch met een numeric value, en een formule.

Options Price Calculator is daarvoor gebouwd: onbeperkte velden op de productpagina, live prijs, geen extra variant per maat. De app is Built for Shopify (listing: 5.0 uit 25 reviews). Conditional logic, live preview en price breakdown zijn Premium; AI-generatie van velden en formules zit op Starter en hoger.

Typische velden voor één foliecalculator:

| Veld | Type | Rol in de prijs | |------|------|-----------------| | Breedte (cm) | Number Input, key `width` | verplicht, min/max | | Hoogte (cm) | Number Input, key `height` | idem | | Folietype | Dropdown of swatch, key `film_type` | multiplier, bijvoorbeeld `1` / `1.4` / `1.8` | | Montage | Checkbox | `0` of vaste toeslag | | Foto van het raam | File upload | optioneel; numeric value voor een handling fee |

Zet eenheden bewust: of alles in meters (`width / 100`), of je tarief in euro per cm². De formula builder ondersteunt `+ - × ÷ ( )` en helpers als `Math.ceil`. Laat *Is quantity input* uit staan — dat koppelt het getal aan de Shopify-cart-quantity, niet aan een maat.

Eenvoudig, als `product_price` het m²-tarief van de gekozen variant is (privacy vs. solar als echte SKU):

``` product_price * (width / 100) * (height / 100) ```

Eén product, folietype als dropdown met multiplier, plus een startkost van €25 zoals in de formulevoorbeelden:

``` product_price + 25 + ((width / 100) * (height / 100) * film_type) ```

`product_price` kan 0 zijn als de hele prijs uit de formule komt, of een vast knipbedrag. Een montage-checkbox met waarde `45` tel je erbij:

``` product_price + ((width / 100) * (height / 100) * film_type) + install ```

Voor een puur oppervlaktetarief zonder branchecontext zie Shopify prijs per m2. Folie wijkt af omdat je glas meet (niet stofbanen) en vaak per foliesoort een ander tarief of een echte inkoop-SKU wilt.

Premium conditional pricing is voor drempels, niet voor de basisformule. Voorbeelden uit de docs: als `width > 200` een hoger tarief (brede rollen, twee banen, extra handling), of een minimumprijs zodat een 30 × 40 cm-toilettafeltje niet onder je knipkost duikt. Live preview van een folie op een raamfoto is eveneens Premium. Noem dat zo in je plan.

De berekende prijs wordt server-side gevalideerd; het is geen display-only truc in de browser. Breedte, hoogte en folietype gaan mee op de orderregel, zodat de snijtafel dezelfde centimeters ziet als checkout.

Een pui van 2,40 × 2,20 m

Zonwerende folie, m²-tarief €38 (als numeric value op `film_type`, of als `product_price` van de solar-variant), raam 240 × 220 cm, 10% snijverlies, startkost €25, geen montage.

• Oppervlak: 2,40 × 2,20 = 5,28 m²

• Met 10% verlies: 5,28 × 1,10 = 5,808 m²

• Folie: 5,808 × 38 ≈ €221, plus €25 knippen

In de formule, met een computed property voor oppervlak of rechtstreeks:

``` product_price + 25 + ((width / 100) * (height / 100) * 1.10 * film_type) ```

Dat is één product, één calculator, nul extra varianten. De collectie “frosted” versus “solar” mag wél een native variant blijven als je per rol een eigen inkoop-SKU en foto wilt — link de calculator per variant, of gebruik één calculator en laat de dropdown de multiplier dragen. Houd native variants voor wat je écht op voorraad legt (een starterkit, een rol van 1,52 m), niet voor 112,3 cm glas.

Meer dan drie keuzes (folie + dikte + montage + uitsparing) past naast die SKU’s, niet erin. Dezelfde window-logica, maar dan met plooi en stofverbruik, staat in gordijnen op maat Shopify.

Aan de slag op de productpagina

1. Installeer Options Price Calculator. Free plan: 20 uses, op een Shopify Develop-store altijd gratis. Starter ($9.99/mo) voor onbeperkte opties, formula builder en AI. Premium ($14.99/mo) voor conditional logic, font picker, live preview en price breakdown.

2. Voeg het app block toe op je producttemplate, bij voorkeur onder de prijs en boven Add to cart — How to Add the Extension to the Product Page.

3. Maak de velden hierboven. Number inputs: label `Breedte (cm)` / `Hoogte (cm)`, default een gangbare raammaat, min/max zodat een 12-meter-pui niet per ongeluk door checkout glipt. De docs-tip is expliciet: zet altijd een minimum en maximum op number fields.

4. Zet de formule, test met previewwaarden (240 × 220, beide folietypes). Rond pas aan het eind af met `Math.round` of `Math.ceil` als je op hele euro’s wilt uitkomen.

5. Link de calculator aan de folievarianten. Een hele collectie in één keer: bulk linking.

Tot slot

Raamfolie is geen Size-dropdown. Het is glas × tarief, met een foliekeuze ernaast. Shopify stopt bij drie options en SKU-varianten; een continue cm-maat hoort in een number field en een formule. Zet die calculator op de productpagina en hou je catalogus op de rollen die je écht inkoopt.

Installeer Options Price Calculator en reken het eerste raam door voordat je nog een variantmatrix opent.