Toeslag via een checkbox op je Shopify-productpagina

Cadeauverpakking, montage, ontbramen, een spoedtoeslag: de klant wil het erbij of niet. Dat is geen tweede SKU. Het is een ja/nee. Wie een Shopify checkbox toeslag productoptie zoekt, botst meestal op hetzelfde: native Shopify kent alleen variantopties. “Met cadeauverpakking” als option value verdubbelt je catalogus, eet een van je drie options op, en levert een SKU op die je nooit op voorraad hebt.

Line item properties in het thema (`properties[Cadeauverpakking]`) bewaren het vinkje op de orderregel. De prijs blijft de productprijs. Jij plakt het extra bedrag er later bij, of de klant betaalt te weinig.

Dit stuk gaat over dat ja/nee: waarom een extra variant de verkeerde plek is, wat shops nu doen, en hoe je met Options Price Calculator een checkbox in de formule stopt. Aangevinkt telt de waarde, uit telt `0`. Geen extra variant.

Eerder schreven we over add-ons op de productpagina. Daar ging het om extra’s in het algemeen. Hier alleen het vinkje: één veld, één bedrag, aan of uit.

Een vinkje is geen variantoptie

Shopify-varianten zijn voorraadbare combinaties. Volgens Adding variants mag een product maximaal drie options hebben (bijvoorbeeld Kleur, Materiaal, Maat) en maximaal 2048 variants. De oude limiet van 100 is verhoogd; de drie-optiegrens niet. Elke extra ja/nee als option value verdubbelt het raster.

Cadeauverpakking als vierde option past niet. Als tweede value van “Afwerking” wel — en dan heb je opeens Zwart / Zwart+cadeau / Naturel / Naturel+cadeau. Elk een eigen prijs, voorraad en SKU. Shopify staat tot 250 media per product toe; een foto per vinkje is geen plan.

Wat native wél hoort: kleur of materiaal als echte variant, omdat die inkoop en voorraad sturen. De toeslag hoort in een checkbox, niet in een option value.

Shopify Help zegt zelf: voor meer dan drie options of 2048 variants kun je een app gebruiken, of theme-code met line item properties. Die properties wijzigen de prijs niet. Het vinkje komt op de order, het bedrag niet.

Wat webshops nu doen (en waar het knelt)

Een tweede product “Cadeauverpakking”

De klant moet twee keer Add to cart. De helft vergeet het. De winkelwagen toont twee regels zonder relatie. Kortingen en verzending rekenen alsof het losse artikelen zijn.

Een dropdown “Standaard / Met inpakken”

Dat is een variantoptie. Het eet een van je drie options. De catalogus groeit met elke kleur. Voorraad per combinatie klopt niet: je hebt geen “blauw + inpakken” op de plank.

Een notitieveld en een mail erna

“Zet er cadeaupapier omheen.” Jij tikt het bedrag er later bij, of je slikt de kostprijs. Geen live totaal, geen checkout die klopt, geen herhaalorder met dezelfde extra.

Geen van die routes geeft je: één vinkje, live som, SKU’s alleen voor wat je écht legt.

Checkbox + formule, geen extra SKU

Options Price Calculator is Built for Shopify (5.0, 26 reviews op de listing). De listing noemt Checkboxes onder Customization en Add-ons onder Pricing. Onbeperkte productopties, dynamische prijzen met formules, live totaal — zonder extra varianten of handmatige offertes. Starter $9.99/maand: onbeperkte opties, formula builder, metafields, multilingual. Premium $14.99/maand: + conditional logic, live preview, price breakdown. Free: 20 uses; op een Shopify Develop-plan altijd gratis. Facturatie in USD.

De checkbox hoort in de calculator. De variant blijft de SKU.

Hoe het veld rekent

In Variables and Field Values staat het gedrag hard: een Checkbox levert de geconfigureerde numerieke waarde als hij aanstaat, en `0` als hij uitstaat. Geen if/then nodig voor “wel of geen toeslag”. Het veld ís de toeslag.

Key bijvoorbeeld `gift_wrap` (alleen kleine letters, cijfers, underscores). Label `Cadeauverpakking (+€4,50)`. Waarde `4.50`. Required uit: de extra is optioneel.

Twee extra’s? Twee checkboxes. `assembly` met `12`, `rush` met `8`. Elk telt zichzelf of `0`.

Formule: basis plus het vinkje

De Formula Builder staat `+ - × ÷ ( )` toe. `product_price` is de prijs van de geselecteerde variant.

Example 2 in de formulevoorbeelden is precies dit geval: optionele service, checkbox, waarde 5.

``` product_price + gift_wrap ```

Aangevinkt: `product_price + 5`. Uit: `product_price + 0`. Twee extra’s naast een lengteprijs:

``` product_price * length + gift_wrap + assembly ```

Afronden aan het eind, zoals de formula-docs adviseren: `Math.round(...)` of `Math.ceil(...)` als je nooit naar beneden wilt.

Alleen toeslag als een *andere* keuze aanstaat — bijvoorbeeld “premium finish” in een dropdown — is example 8: Premium conditional (`premium_finish == TRUE` dan `product_price + 20`). Dat is geen gewone checkbox-toeslag. Zet dat niet op Free/Starter.

Praktijk: fotolijst met inpakken en ophangen

SKU’s blijven native: houtsoort (eiken / zwart) en maat (A4 / A3). Twee van je drie options. Geen “Cadeau”-option.

Calculator:

• Checkbox `gift_wrap`, waarde `4.50`, optioneel

• Checkbox `hanging_kit`, waarde `3.00`, optioneel

• Formule `product_price + gift_wrap + hanging_kit`

Klant kiest eiken / A3 (variantprijs €28), vinkt alleen inpakken aan: `28 + 4.50 + 0 = 32,50`. Live op de pagina, dezelfde som in checkout. Fulfillment ziet de extra’s op de orderregel — geen aparte mail met “graag inpakken”.

Twee verschillende extra-combinaties in één order: twee keer Add to cart. Quantity 2 is twee identieke lijsten met dezelfde vinkjes. De calculator prijst één stuk; Shopify-quantity vermenigvuldigt die regel.

Koppel de calculator via Linking Products & Variants. Eén calculator voor de hele serie is genoeg als alleen `product_price` verschilt. Andere extra’s per collectie? Dan een tweede calculator.

Aan de slag

1. Installeer Options Price Calculator. Free: 20 uses (Develop-plan altijd gratis). Starter $9.99/maand. Premium $14.99/maand als je conditionele toeslagen nodig hebt.

2. Zet het app block op de producttemplate, onder de prijs en boven Add to cart — How to Add the Extension to the Product Page.

3. Maak de checkbox. Key `gift_wrap`, numerieke waarde het extra bedrag. Required uit.

4. Houd kleur, maat en materiaal als Shopify-varianten. Extra’s niet.

5. Test: wissel van variant, vink aan en uit, controleer live prijs en winkelwagen.

Server-side price validation (app-instelling) voorkomt dat alleen de browser-prijs telt. Theme bindings zijn er voor thema’s met een afwijkende variantselector — niet “werkt overal zonder setup”.

Tot slot

Een Shopify checkbox toeslag productoptie is geen tweede product, geen extra variantoptie en geen notitie die jij later beprijst. Het is een vinkje waarvan de waarde in de formule valt: aan = bedrag, uit = `0`. Native Shopify stopt bij drie options en 2048 variants; ja/nee-toeslagen horen in de calculator.

Zet de checkbox in Options Price Calculator en laat de volgende klant cadeauverpakking afrekenen zonder een extra SKU.