Kort antwoord
Een verzendcalculator in de winkelwagenlade moet de vraag over bestemming en kosten beantwoorden zonder van de lade een tweede afrekenpagina te maken. Plaats hem bij het subtotaal of de afrekenknop, houd de ingeklapte toestand compact, laat de sluit- en afrekenknoppen van de lade intact, bereken opnieuw na wijzigingen in de winkelwagen en test het gedrag met toetsenbord, aanraking, op mobiel en na thema-updates. Omdat laden per thema verschillen, moet je de compatibiliteit op precies het live thema controleren.
Laat de hoofdtaak van de lade intact
De winkelwagenlade is er om de bestelling te bekijken en verder te winkelen of af te rekenen. Een verzendcalculator moet die beslissing ondersteunen, niet overheersen. Gebruik een korte prompt, geleidelijke onthulling en compacte resultaten die leesbaar blijven naast het subtotaal en de afrekenknoppen.
Werk bij als de winkelwagen verandert
Een verouderde berekening is erger dan geen berekening. Toevoegen, verwijderen of het aantal wijzigen kan het gewicht, het subtotaal, de profielcombinaties en de geschiktheid voor gratis verzending veranderen. De calculator moet zijn context vernieuwen of duidelijk om een nieuwe berekening vragen.
Ontwerp voor smalle, dynamische ruimte
Laden zijn vaak smal en scrollbaar. Voorkom horizontale overloop, houd aanraakdoelen comfortabel, bedek de afrekenknop niet en meld wijzigingen in het resultaat aan hulptechnologieën. Een laadtoestand moet ruimte reserveren zodat de lade niet verspringt.
Test opnieuw na themawijzigingen
Thema's kunnen bij een update de opmaak, klassenamen of het weergavegedrag van de lade vervangen. Noteer de gebruikte versie en selector en neem de calculator op in elke regressietest bij een thema-upgrade.
Checklist
- Zichtbaar bij het subtotaal of de afrekenknop
- Compacte gesloten toestand
- Geen horizontale overloop
- Afrekenknop blijft bereikbaar
- Berekent opnieuw na wijzigingen in de winkelwagen
- Laadtoestand en toestand zonder tarief passen
- Toetsenbordfocus blijft logisch
- Wijzigingen in het resultaat worden gemeld
- Getest op mobiel
- Thema-updates leiden tot een nieuwe test
Vragen
Gebruikt elk Shopify-thema dezelfde winkelwagenlade?
Nee. De opmaak en het gedrag van laden verschillen per thema en versie, dus de compatibiliteit moet je testen.
Moet de calculator automatisch openen?
Houd hem meestal compact tot de shopper om een berekening vraagt, tenzij verzending voor je catalogus de doorslaggevende factor is.
Waar moeten de resultaten verschijnen?
Houd resultaten dicht bij het invoerveld en het subtotaal, terwijl de afrekenknop zichtbaar en bruikbaar blijft.
Bronnen
Pagina's van het Shopify Helpcentrum openen mogelijk in het Engels.