ShipCalc
Gratis uitproberen

Documentatie

ShipCalc instellen en gebruiken.

Installeer ShipCalc, voeg de calculator toe aan je winkel, laat hem aansluiten op je thema en gebruik analytics en diagnose. De meeste winkels zijn binnen een paar minuten live.

Laatst gecontroleerd op 29 september 2026 door MerchantOS.

Bekijk het vóór je installeert.Open de demowinkel (wachtwoord: 1) of bekijk de vermelding in de Shopify App Store.
De beheeromgeving van ShipCalc is in het Engels. Deze handleiding noemt elke instelling daarom ook in het Engels, zodat je hem op je scherm terugvindt.

1. ShipCalc installeren

ShipCalc installeer je vanuit de Shopify App Store. De gratis proefperiode van 14 dagen start bij de installatie, met alle functies.

  1. Open de vermelding van ShipCalc in de Shopify App Store.
  2. Klik op Install en keur de app goed.
  3. ShipCalc opent in je Shopify-beheer met een checklist om te starten.

De startpagina heeft links waarmee je met één klik de thema-editor op de juiste plek opent voor elke plaatsing.

2. Het blok voor de productpagina toevoegen

Met het blok op de productpagina checken klanten de verzendkosten voordat ze een artikel in de winkelwagen leggen. Het gebruikt de gekozen variant en het gekozen aantal.

  1. Klik in de ShipCalc-onboarding op Add Product Page Block. De thema-editor opent op een productsjabloon.
  2. Klik in het gedeelte met productinformatie op Add block (Blok toevoegen) en kies het ShipCalc-blok.
  3. Sleep het naar de juiste plek – onder de prijs of onder de koopknoppen werkt goed.
  4. Klik op Save (Opslaan).
TipGebruik je meer dan één productsjabloon? Voeg het blok dan toe aan elk sjabloon dat je live producten gebruiken.

3. Het blok voor de winkelwagenpagina toevoegen

Het winkelwagenblok rekent met elk artikel en aantal in de winkelwagen, zodat klanten de verzendkosten voor de hele bestelling zien.

  1. Klik in ShipCalc op Add Cart Page Block. De thema-editor opent op het winkelwagensjabloon.
  2. Klik op Add block (Blok toevoegen) en kies het winkelwagenblok van ShipCalc.
  3. Plaats het bij het subtotaal en de afrekenknop en klik op Save (Opslaan).

4. De winkelwagenlade activeren

Elk thema bouwt winkelwagenlades (uitschuifbare winkelwagens) anders op. ShipCalc ondersteunt ze daarom via een app-insluiting die de geopende lade vindt en een compacte, inklapbare calculator boven de afrekenknop plaatst.

  1. Open de thema-editor en kies App embeds (App-insluitingen) in de linkerzijbalk.
  2. Zet de ShipCalc-insluiting voor de winkelwagenlade aan.
  3. De meeste thema's werken met de automatische herkenning. Werkt het bij jou niet, vul dan de CSS-selector van je lade in bij de instellingen van de insluiting.
  4. Klik op Save (Opslaan) en open de lade in je live winkel om de plaatsing te controleren.
Selector nodig?Stuur ons de naam van je thema en je winkel-URL en we helpen je het in te stellen.

5. De widget aanpassen

Instellingen voor uiterlijk en teksten vind je op de pagina Appearance in ShipCalc, met een live voorbeeld voordat wijzigingen in je winkel komen.

Lay-out en stijl

  • Kaart- of minimale lay-out.
  • Accent-, achtergrond-, tekst- en randkleuren.
  • Hoekradius, witruimte en tekstgroottes.
  • Typografie en basisstijlen van knoppen en velden van je thema overnemen.

Teksten

  • Titel, hulptekst en knoptekst.
  • Labels en voorbeeldteksten voor land en postcode.
  • Meldingen voor berekenen, geen tarieven, fouten en lege winkelwagen.
  • Een label voor gratis verzendmethoden.

Elk label dat klanten zien, kun je in de taal van je winkel schrijven.

Eigen CSS

Voor meer controle kun je met de CSS-editor regels voor de widget toevoegen – handig voor themaspecifieke witruimte of hover-effecten.

6. Landen en postcodes

Kies waar het land van bestemming vandaan komt:

  • Fixed country (vast land) – altijd berekenen voor één land dat jij kiest.
  • Shopper’s Shopify country (Shopify-land van de klant) – het land van lokalisatie uit Shopify Markets volgen.
  • Country selector (landkeuze) – klanten kiezen uit de landen die je toestaat.

Kies daarna hoe postcodes werken:

  • Required (verplicht) – de klant moet een postcode invullen.
  • Optional (optioneel) – klanten kunnen er een invullen voor een nauwkeurigere berekening.
  • Country only (alleen land) – verberg het postcodeveld; ShipCalc kan een schatting voor het gekozen land geven.

Je kunt de calculator ook verbergen voor bezoekers uit bepaalde landen, of alleen tonen aan bezoekers uit landen die jij kiest.

7. Opties voor het tonen van tarieven

  • Toon alle beschikbare tarieven, alleen de goedkoopste of alleen de duurste.
  • Toon levergegevens onder een tarief als Shopify die teruggeeft.
  • Gebruik je eigen label voor gratis methoden (bijvoorbeeld 'Gratis verzending').

8. Handmatige plaatsing (gevorderd)

Laat de lay-out van je thema geen app-blok toe op de plek waar je het nodig hebt? Voeg dan een placeholder-element en de ShipCalc-loader toe aan je thema:

<div data-shipcalc-m="product"></div>
<script src="/apps/shipcalc/manual.js" defer></script>

Gebruik data-shipcalc-m="cart" voor een plaatsing in de winkelwagen. De handmatige calculator gebruikt dezelfde instellingen, stijlen en analytics als de app-blokken.

9. Analytics

De pagina Analytics laat zien hoe klanten de calculator gebruiken:

  • Totaal aantal berekeningen in de tijd en recente activiteit.
  • Berekeningen per bron: productpagina, winkelwagenpagina of winkelwagenlade.
  • Populaire combinaties van postcode en land.
  • Verzendmethoden die klanten te zien kregen.
  • Fouten, zodat je bestemmingen zonder tarieven ziet.

10. Marketing-events

ShipCalc kan een Calculate Shipping-event sturen naar Google Analytics 4, Google Tag Manager en Meta Pixel als die tools al in je winkel staan. ShipCalc installeert zelf geen trackingscripts.

  1. Open Marketing events in ShipCalc.
  2. Kies naar welke platforms je wilt sturen.
  3. Pas eventueel de eventnaam, categorie, het label of de waarde aan, of voeg eigen parameters toe.
  4. Opslaan.

Events bevatten de bron van de widget (product, winkelwagen of lade), het land en of er een postcode is ingevuld.

PrivacyMarketing-events bevatten nooit de naam, het e-mailadres, het volledige adres of de inhoud van de winkelwagen van een klant.

11. Diagnose

De pagina Diagnostics voert een echte berekening uit zonder via je winkel te gaan – handig na het wijzigen van verzendzones of tarieven.

  1. Open Diagnostics in ShipCalc.
  2. Kies een product, land en postcode.
  3. Voer de berekening uit en zie precies wat Shopify teruggeeft.

12. Problemen oplossen

De calculator verschijnt niet op de productpagina

  • Controleer of het blok is toegevoegd aan het sjabloon dat je producten echt gebruiken, en of je hebt opgeslagen.
  • Zorg dat het blok niet in een verborgen of ingeklapte sectie staat.
  • Controleer of landregels voor bezoekers in Appearance hem niet verbergen voor jouw locatie.

Er worden geen tarieven teruggegeven

  • Controleer of de bestemming bij een actieve markt en verzendzone in Shopify hoort.
  • Controleer of het verzendprofiel en het gewicht van het product voldoen aan je tariefvoorwaarden.
  • Test dezelfde bestemming in Diagnostics om te zien wat Shopify teruggeeft.
  • Herschrijf de melding 'geen tarieven' zodat klanten weten wat ze kunnen doen.

Lees voor een uitgebreidere checklist Shopify-verzendtarieven worden niet getoond.

Hij verschijnt niet in mijn winkelwagenlade

  • Controleer of de app-insluiting voor de winkelwagenlade aanstaat en is opgeslagen.
  • Probeer de selector van de lade in te stellen bij de instellingen van de insluiting.
  • Neem contact op en noem de naam van je thema.

13. Support

In de beheeromgeving van ShipCalc staat een Support-pagina met snelle antwoorden en een contactformulier. Je kunt ons ook hier een bericht sturen; we antwoorden per e-mail.