One pickup map for every checkout

Shiptimize’s plugins put a pickup-point map into merchants’ checkouts, under several carrier brands. Merchants install and host the plugin themselves, so what ships has to be right when it leaves. Before this work the map lived in nine separate copies, with mixed library versions.

One widget had to run on modern and very old checkouts, on a phone, and under two white-labelled brands on the same shop at once, without either one breaking the other.

1. Wrote the spec first and put it through two rounds of review before any code existed. Scope was signed off in writing, platform by platform.
2. Built one core with a thin adapter for each platform. One build loads on old checkouts, and the map library, Leaflet or Google Maps, loads separately.
3. Versioned every request and every saved choice, so a slow response can never overwrite a newer one.
4. Scoped every name by brand, so two white-labelled plugins run side by side on one shop.
5. Designed for the phone first: a bottom sheet on small screens, pins that cluster and separate as you zoom, and a list linked to the map.
6. Added a fallback chain for address lookup, so a failed lookup still leaves the shopper with a usable map.
7. Shipped it in the PrestaShop, WooCommerce and Magento 2 plugins, across every brand build.

Live checkout tests on real shops caught two things the unit tests could not: a hover link that did nothing on clustered pins, and opening hours shown as closed on one platform. A real checkout now joins the test plan in the first week, not the last.

JavaScript · Vite · Leaflet · Google Maps · PrestaShop · WooCommerce · Magento 2