How do I add a delivery address map to checkout?
Map Localizer — Enhance accuracy with pinpoint location selection during checkout. Map Localizer allows customers to select their exact location on a map during checkout, improving data accuracy and streamlining the process.
Steps
- Open Map Localizer from Apps and click Connect Map Localizer.
- Enter your Google Maps API Key.
- Choose Display On: Store Only, Landing pages Only, or Both Store and Landing pages.
- Save. You can revisit Map Localizer Settings → Edit Settings any time to change the API key or display location.
Common problems
- "Failed to connect Map Localizer"the API key is likely invalid or missing the required Google Maps permissions; generate a new key in your Google Cloud console with Maps JavaScript API enabled and try again.
- Map doesn't appear at checkout/on landing pagescheck Display On matches where you expect it (Store vs Landing pages vs Both).
- Map loads blank or shows an error overlaythis is usually a Google-side quota or billing issue on the API key; check your Google Cloud project's billing and API usage limits.