Overview

This document will detail the steps to enable or disable google's autocomplete functionality for an UltraCart storefront host.

Configuring the Google Places API in the Google Cloud Console

1. Go to the Google Cloud Console at https://console.cloud.google.com/

2. Create a project called "UltraCart Checkout"

3. Enable the Places API on the checkout

4. Create an API key under credentials.

5. Enable the project for billing. If this is your first project then you'll have to create a billing profile and then link it to the project.

Configuring the Google Places API key in the storefront host

In order to configure the storefront host with Google Autocomplete, you'll need to configure the storefront host with your Google Places API Key.

1. Navigate to the storefront menu within your UltraCart account.

2. In the storefront menu, click the 'Advanced' tab, then click the 'Google Autocomplete' tab:

   

3. Paste your Google Place API key into the configuration field then click the save button:

   

   info

   Obtaining Your Google Places API Key

   Visit https://developers.google.com/places/web-service/get-api-key to create a key. Please note there is a difference between a Google Maps API key and a Google Places API key.

info

NOTE: The Google Places API key must be unique and cannot be shared among projects.

For Visual Builder Themes

The google auto complete setting is in the settings panel of the Address1 checkout field.

1. Navigate to the checkout, then edit the page.

2. Mouseover the Address1 field, then click the "gear icon" (of use the 'S' hotkey to open the element settings panel:

   

3. Select either 'Yes' or 'No' then click the Save button:

   

For Non-Visual Builder Themes

Step 1

From the Storefront menu, click the "Themes" tab:

Step 2

The field will appear in the lower portion of the Theme page (exactly where depends on the installed theme and the version number of the installed theme.)


Make sure to click the save button at the bottom of the page to save the changes!