Manual Shipping Address Autocomplete

WebAlliance has the ability to integrate with the SmartyStreets and Google Maps address autocomplete features. Autocomplete is only available when a user manually enters an address during checkout.

How does Address Autocomplete work?

Address autocomplete will show a list of suggested addresses the user can select based on what they type into the "Address" field.  As the user types, the list of addresses will become more refined.  You can select an address from the list at any time, and it will use your selection to fill out the remaining address fields.

Configuring Your Google Cloud API Settings

You will first need to configure your Google Cloud API Settings to be functional on your site. You can access these settings in your Google Cloud account.

  1.  Visit your Google Cloud Console dashboard.
  2. Click "Go to APIs Overview".
  3. Click "Enable APIs and Services".
  4. Click the "Places API" tile.
  5. Click the "Manage" button.
  6. Select "Enable".

When the process finishes, the "Places API" appears in the list of APIs on the dashboard.

Remove Application Restrictions from API Key

You will also need to remove any Application Restrictions from the API key to be fully functional on your site.

  1.  Navigate to your API Key Credentials in your Google Cloud account.
  2.  Select the API Key you are using for your site.
  3.  Set the "Application Restrictions" to "None".
  4.  Set the "API Restrictions" to "Don't Restrict Key".

Enabling Address Autocomplete on your site

You can find the settings to enable Address Autocomplete in the Site Settings under Credentials > Addresses > Auto Complete. Here, you can choose which API you'd like to integrate with by selecting from the Service Provider dropdown. You'll need to enter your API credentials in the Integrations tool at www.yourdomain.com/admin2/settings/integrations/home#other. You will need:

  • For Google: 
    • API Key
  • For SmartyStreets
    • Authorization ID
    • Authorization Toke