How do I add a delivery address map to checkout?
Map Localizer adds Google Maps to your store and landing pages so customers can pin their exact delivery location, and it can help local SEO too.
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.