Google Autocomplete

Google Autocomplete makes it fast and simple for customers to complete their orders at checkout. Instead of having to fill out each address field at checkout, Google will use your customers' street address to auto-populate the empty fields.

Before you start

If you use a custom checkout domain and Google Address Autocomplete for your store, you need to add the custom checkout domain as an authorized domain in your Google Dashboard for autocomplete to function correctly.

Step 1 - Create a project in Google API Console

1. First, log into the Google API Console.
2. Click Select a project and choose either your existing project or click on Create a project. If creating a new project, enter the name of your project and agree to the terms. When finished, click Create.
3. Once the project is selected, look for Google Places API Web Service and Google Maps Javascript API on your dashboard.
   • If the APIs are present, proceed to Step 3.
   • If the APIs are not listed, you'll need to enable the APIs.

Step 2 - Enable APIs

1. Search the API Library for Google Places API Web Service.
   
2. Click on Google Places API Web Service and click Enable.
3. Search for 'Google Maps Javascript API.
   
4. Click on Google Maps Javascript API and click Enable.

Step 3 - Access credentials

1. Select Credentials the API Manager menu.
   
2. Click Create Credentials and select API key.
3. Select the API Key Name you just created.
4. Locate the Key Restriction section.
   • If None is selected move to Step 4.
   • If HTTP referrers (websites) is selected, enter checkout.rechargeapps.com in the Accept requests from HTTP referrers (websites) field and click Save.

Step 4 - Enter your API key

1. Copy the API key from the Credentials page.
2. On your Shopify admin page, select Apps.
   
3. Select ReCharge Recurring Billing & Subscriptions and click Integrations in the ReCharge Dashboard.
4. Click Get under Google Autocomplete.
5. Paste the API key into the Google Address API Key field
6. Click Save.