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.
You will need a Google API key to enable the integration in ReCharge. See the steps below on how to set this up.
- 1
-
Log into the Google API Console.
- 2
-
Click Select a project and choose either your existing project or click on Create a Project and name it and agree to the terms, then click Create.
- 3
-
Once the project is selected, look for Google Places API Web Service and Google Maps Javascript API on your dashboard, if you've got them, then go right to step 4. If the APIs are not listed, you'll need to enable them as follows:
a) Select ENABLE APIS AND SERVICES. - 4
-
Click Credentials and click Create Credentials and select API key.
- 5
-
Select the API Key Name you just created.
- 6
-
In the Key Restriction section, if None is selected move to the next step. If 'HTTP referrers (websites)' is selected, enter checkout.rechargeapps.com in the 'Accept requests from HTTP referrers (websites)' field.
- 7
- Click Save.
- 8
-
Copy the API key from the Credentials page.
- 9
-
On your Shopify admin page, select Apps.
- 10
-
Select ReCharge Recurring Billing & Subscriptions and click Integrations at the top.
- 11
-
Click Get under Google Address Autocomplete.
- 12
-
Paste the API key into the Google Address API Key field and click Save.
b) Search the API Library for Google Places API Web Service'.
c) Click on Google Places API Web Service and hit Enable.
d) Now search for ' Google Maps Javascript API'.
e) Click on Google Maps Javascript API and hit Enable.
You're all set!
Now customers who proceed to ReCharge checkout will have fields auto-populate with full address information from Google Map's API as they enter their information into a field.