Google address autofill for WooCommerce lets your customers autofill the address on checkout using Google Maps suggestions. The admin can also autocomplete the user’s address on the order detail page.

Installation

↑ Back to top

1. Download Google Autofill Customer Addresses for WooCommerce and have your .zip file
2. At the WordPress admin panel, go to the Plugins section, and click ‘Add New’ to upload and install the plugin you recently downloaded from WooCommerce.com.
3. Upload the .zip file to proceed with the installation.
4. Wait until the plugin installs. After successful installation, activate the plugin and move on to plugin configuration.

Configuration

↑ Back to top

In the admin panel, go to WooCommerce > Settings > Autofill Address and configure this extension. Here you can set the following:

• Enable Autocomplete Address: Click the checkbox to enable the Google Address Autocomplete on the Checkout, Account, and Orders Page.
• Hide Map on Checkout Page: Click to hide the map on the checkout page.
• Google API Key: Enter the Google API key to display the map.
• Google Map ID: Add the Cloud Console Map ID with advanced markers enabled. This is required to display map markers. Leave empty to keep legacy Autocomplete + Marker.
• Country Restriction: Select countries to include or exclude from displaying the map and address autocomplete feature.
• Disable Autocomplete Address 2: Check the box so that the second address field will not be populated with the autocomplete suggestions.
• Enable Custom Address Format: Click the checkbox to enable custom address format.
• Custom Street Address 1: Create a custom autocomplete format for the street address 1.
• Custom Street Address 2: Create a custom autofill address format for street address 2.
• Available Placeholders: Use the following placeholders to create custom address formats. These include:
  • {neighborhood}: Area
  • {sublocality}: Sub area
  • {sublocality2}: Sub area 2
  • {state_full}: Full State/Province name
  • {postal_code}: Postal Code
  • {city}: City
  • {state}: State/Province
  • {place_name}: Place Name
  • {street_number}: House/building number
  • {route}: Street name
  • {country}: Country
  • {country_full}: Full Country Name
• Select Map Design: Select your preferred map design to display on the checkout, order, and my account page. You can select the following:
  • Standard
  • Light Pink
  • Green
  • Aubergine
  • Sky Blue
  • Gray Scale
• Show on Billing Details: Enable autocomplete for billing details on the checkout page.
• Field Label: Add a label for the autocomplete field that will be shown in the billing section.
• Billing Field Address: Enter the address of the autocomplete field that you want to show on the billing address field.
• Billing Error Message: Add an error message for restricted countries.
• Show On Shipping Details: Enable autocomplete for shipping details on the checkout page.
• Field Label: Add a label for the autocomplete field that will be shown in the shipping section.
• Shipping Field Address: Enter the address of the autocomplete field that you want to show on the shipping address field.
• Shipping Error Message: Add an error message for restricted countries.
• Show On Orders Page: Enable address suggestions on the order details page in the admin panel.
• Validate Address Details: Validate billing and shipping addresses to ensure accuracy.
• Empty Address Field: Keep billing and shipping fields empty after every page reload on the checkout page.

If you need to learn how to create Google Map API, watch this video Here

FAQs

1. How does the WooCommerce address autocomplete plugin autofill the address?

The Google address autocomplete for WooCommerce plugin makes use of Google API to autofill the address. When a customer enters the location on the map, the address is automatically fetched by Google API including Country, City, State, Zipcode, and other key details.

2. On which pages can the customer autofill the address?

Autocomplete address WooCommerce plugin enables your customers to autofill the address on the order details page and my account page. This ease the whole buying process for each customer.

3. Can I restrict maps for specific countries?

You can restrict maps for specific countries with the address autocomplete WooCommerce plugin. Map for selected countries will be invisible to customers on the checkout page.