Browse by Topic

Google Autocomplete for Addresses

Google Autocomplete improves the checkout experience by making it easier and faster for customers to enter their billing and shipping address. It also helps merchants save time by reducing the number of returned shipments due to incorrect delivery addresses.

Merchants in any location can use Google Autocomplete for Addresses, but currently, only customer addresses in the United States, Canada, Australia, and New Zealand are validated/supported.

 
 

How It Works

When customers arrive at checkout and start entering the first few characters of their address, Google Autocomplete will instantly provide a list of potential matching addresses. Customers select an address and the rest of the fields will be automatically filled. This is especially useful for customers on mobile where checking out on a small screen can be a long exercise in typing, misspelling, and retyping.

Example of address autocomplete

 
 

Requirements

 
 

Generate a Google Maps API Key

Google Autocomplete is powered by Google Maps and requires a Google Maps API key. Follow the steps below to get your key and add it to the BigCommerce control panel:

1. Use Google's instructions to generate your API key.

2. In your BigCommerce control panel, go to Advanced SettingsCheckout.

3. Check the box for Use Google Maps services to autocomplete shipping and billing addresses and enter your Google Maps API Key.

Checkout settings in BigCommerce showing the Google Maps API Key box

4. Save your changes.

 
 

API Key Best Practices

API keys are credentials, and like passwords, they should be protected and managed carefully. Publicly exposing unsecured Google Maps Platform credentials can result in unintended use, which could lead to unexpected charges on your account. Below we'll show you how to restrict the use of the API keys to your checkout page and implement best practices that are appropriate for the Google Maps Platform APIs in your application. See Google's API Key Best Practices to learn more.

Edit your API key and make the following changes:

  • Select HTTP referrers (websites) in Application restrictions
  • Enter the URL for your checkout page in the Website Restrictions section
  • Choose Restrict key under API restrictions
  • Add Places API and Maps JavaScript API in Select APIs dropdown.
 

Please Note: If you intend to use the same API key on any other websites, you will also need to list the URLs of those pages. By default, BigCommerce only uses this API key on the checkout page.

 
 

FAQ

Which countries are validated/supported?

Currently, customer addresses in the United States, Canada, Australia, and New Zealand are supported. We are progressively adding support for other countries.

Is this feature available on all plans?

Yes, it is available to stores across all our plans.

Is it free to use this feature?

No, it is free only up to a certain limit. If you exceed this free usage limit then you’ll need to pay usage costs to Google.

What is the free usage limit?

As of July 16th, 2018, Google’s free monthly credit allows for up to 70,000 autocomplete requests per month. See Google Maps Platform Pricing Table.

Why do I need to provide billing details when generating a Google Maps API key?

This billing information is used in case you exceed your free usage limits.

Error: "This API project is not authorized to use this API. Please ensure this API is activated in the Google Developers Console."

If you receive this error, you may need to enable the Places API in your Google Developer's Console. Go to https://console.developers.google.com/apis/library/places-backend.googleapis.com and click Enable.

Was this article helpful?