No products in the cart.
How to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? (with Video)
This article intends to provide detailed, step-by-step instructions that’ll help you set up Address Validation & Google Address Autocomplete Plugin for WooCommerce. Refer the product page to know more about other various features of the plugin.
With this plugin, you can simplify the customer checkout process by providing Google auto-complete features for their addresses. The plugin also provides address validation features, that will help you get rid of troubles of undelivered packages due to invalid addresses. Now, there is no need to call your customers for verifying their addresses. In addition to that, there are many options available to customize the label and button texts on the checkout page.
- Installation & Activation
- Getting Started with ELEX WooCommerce Address Validation and Google Autocomplete plugin
- Customize Address Label and Button Texts on Checkout Page
With this plugin, you can achieve the following:
- Use the Google autocomplete feature: By just providing Google API key, your customers will be able to get live address information, while they are entering their addresses.
- Edit autocompleted address fields: Some addresses might need editing, hence this feature will help your customers edit auto-completed address fields.
- Validate address using EasyPost, UPS, USPS or Addressfinder API: By providing respective credentials, you can validate address using EasyPost, UPS, USPS or Addressfinder API.
- Enforce address validation: This feature will not allow an order to be placed until a valid address is entered. Remember, this option will be ignored if EasyPost/UPS/USPS/Addressfinder API server is down.
- Confirm validated address: Once customers’ address is validated, they will be provided with an option to choose from the originally entered address or the validated address.
Getting started with ELEX WooCommerce Address Validation and Google Autocomplete plugin
Once the plugin is installed and activated, you can navigate to plugin settings in two ways:
- Dashboard > WooCommerce > Settings > Address Validation & Autocomplete (or)
- Dashboard > Plugins > Installed Plugins > ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce > Settings.
Now that we have explored the features of the plugin, and have installed it, let’s get down to configure the plugin.
The plugin settings are divided into two major sections – Address Autocomplete and Address Validation, as shown in the screenshots below.
1. Configuring Google Address Autocomplete
With these settings, you can achieve Google address autocomplete for WooCommerce stores. The settings are as shown below.
- Address Autocomplete: Tick this checkbox to enable the Google Address Autocomplete feature.
- Address Autocomplete Available to: Choose All Countries for applying address autocompletion to all countries’ addresses. Or choose Specific Countries for applying address autocompletion only to specific country addresses. You can select the required countries from the drop-down list.
- Google API Key: Google API provides address autocomplete service which returns place predictions. The request specifies a textual search string and optional geographic bounds. The service can be used to provide autocomplete functionality for text-based geographic searches, by returning places such as businesses, addresses, and points of interest as the user types.
Enter your Google API key in this field. Remember, by default, Google address autocomplete API usage is limited. Hence, to know how to increase the limit, read this article.
- Editable Address Fields: By default, address fields on the checkout page are disabled unless an address is selected from Address Autocomplete option. Tick this checkbox to enable those address fields, even before selecting an address from autocomplete address option.
2. Configuring Address Validation
These settings help in validating your customers’ address using EasyPost, UPS, USPS, Addressfinder API, and Country Specific. The settings are as shown below:
- EasyPost Address Validation – Select the EasyPost option to enable EasyPost address validation, the further setting appears as shown in the screenshot below.
EasyPost API Key – EasyPost API for address verification can improve an overall deliverability of your packages, acting as a safeguard against errors that send packages awry. With EasyPost, you can get instant access to domestic address verification and international address verification.
- UPS Address Validation – Once you have selected UPS option for address validation, following settings appear as shown in the below screenshot.
UPS Username, UPS Password & UPS License Key – Enter your UPS credentials in the respective fields. If you do not have these credentials, register with UPS. Once you have logged in to your UPS account with your credentials, request for an access/license key.
- USPS Address Validation – The address validation setting for USPS is as shown in the screenshot below.
USPS User ID – For accessing USPS APIs, you need to register for a USPS account. After successful registration, you’ll receive User ID that you need to enter in this field.
- Addressfinder API – AddressFinder validates Australia and New Zealand street addresses. After selecting this from the drop-down menu, enter the following detail on the API Credentials tab.
Addressfinder License Key – For accessing Addressfinder License Key, you need to register for an Addressfinder account. After successful registration, you’ll receive the license key that you need to enter in this field.
Enforce Address Validation:
Tick this option to enforce address validation. The checkout will not be processed until a valid address is entered. This option will be ignored if EasyPost API server is down.
Tick this checkbox to debug a problem. Find the request and response log at wp-content\uploads\wc-logs.
Confirm Before Validation:
Enable this setting to allow users to confirm the address before the validation process. If this setting is disabled, the users will not be shown the validated address returned from the selected shipping carrier, on the checkout page.
Instead, the address returned is directly taken into account in the back-end, to proceed with the order.
Once this checkbox is ticked, following settings:
Confirm Using: For confirming the address with your customers, you can either use a pop-up window or display address inline to the checkout page.
The pop-up window option will open another option titled “Confirmation Window CSS“, that allows you to customize the pop-up window based on their website theme.
- Country Specific: Select this option and choose the countries which should be validated by EasyPost, UPS, USPS, and Addressfinder API separately. If a country is added to validate by more than one service, only the service in top priority will validate it.
Once all settings are configured, click Save changes.
When a customer adds a product to the cart, and moves to the checkout, the address autocomplete option will be available as shown in the screenshot below.
When the customer starts typing the address, the possible address is auto-suggested, as shown in the below screenshot.
Next, when the correct address is selected, other address fields are filled automatically, as shown in the screenshot below.
When the customer selects the desired payment method and clicks the Place Order button, the entered address is validated and address suggestion is displayed as a message on the Checkout page(default choice).
For some addresses, in addition to the five-digit postal code, an additional four digits is added in the suggested address. This code is the area code used in some countries around the world. If you have entered the address manually or used the Google autocomplete address field, and the area code is missing, the plugin validates the address and displays the suggested address(es) with respective area code.
A sample screenshot is as shown below.
If you choose the address confirmation to be displayed using the pop-up window, it will be displayed as shown in the screenshot below.
Finally, when the customer selects the desired address, the order can be placed.
In addition to this, you can see the type of address (Residential or Commercial) in the WooCommerce edit order page. You can also find the WooCommerce Order notes updated when the address is validated. This order note will be updated for validated addresses only.
Following is a sample screenshot of a WooCommerce edit order page.
Customize Address Label and Button Texts on Checkout Page
Customize the address label and button texts on the checkout page according to requirements. You can customize the texts for the Original address label, Validated address label, Address suggestion label, Place an order with original address button label, Place an order with suggested address button label, Update or proceed with your original address text label, Customize button text in the Checkout page message and Address validation failed custom message. Leave it empty if you want to display the default texts.
Check the following screenshots that display these texts.
In this screenshot, you can see the customized text for:
- Original Address Label: “Use Original Address”
- Validated Address Label: “Validation Successful”
- Place Order With Original Address Button Label: “PLACE ORDER WITH ORIGINAL ADDRESS”
- Update or Proceed With Your Original Address Text Label: “Update or Proceed with your Original Address.”
This screenshot displays Place Order With Suggested Address Button Label.
Check this screenshot that displays Address Suggestion Label.
Check this screenshot that displays Customize Button Text In The Checkout Page Message.
Check the screenshots that display Address Validation Failed Custom Message on the pop-up window and checkout page:
- Displays Address Validation Failed Custom Message on the pop-up window.
2. Displays Address Validation Failed Custom Message on the checkout page.
3. Displays Address Validation Failed Custom Message on the checkout page if address validation failed.
You can also add a custom label name for the address autocomplete text-field.
Therefore, with these simple steps, you can incorporate WooCommerce address validation and Google address autocomplete feature on your WooCommerce store.
To explore more details about the plugin, go check out ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce.
You can also check out other WooCommerce and WordPress plugins in ELEX.