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.

Content

Overview

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 APIBy 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

Read an article to know how to complete the checkout process on ELEX. You can also read how to download, install, activate ELEX plugins.

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.

Settings

The plugin settings are divided into two major sections – Address Autocomplete and Address Validation, as shown in the screenshots below.

Address Autocomplete:

How to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? | Address Autocomplete

Address Autocomplete

Address Validation:

How to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? | Address Validation

Address Validation

1. Configuring Google Address Autocomplete

With these settings, you can achieve Google address autocomplete for WooCommerce stores. The settings are as shown below.

How to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? | Address Autocomplete Settings

Address Autocomplete Settings

  • 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:

How to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? | ELEX-WooCommerce-Address-Validation-All-Settings

Address Validation All Settings

Address Validation:

  • EasyPost Address Validation – Select the EasyPost option to enable EasyPost address validation, the further setting appears as shown in the screenshot below.
WooCommerce Address Validation | EasyPost Address Validation

EasyPost Address Validation

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.

Enter your EasyPost API key in this field. To get your API key, get started here. Or visit Address Verification API, to know more about EasyPost address validation.

  • UPS Address Validation – Once you have selected UPS option for address validation, following settings appear as shown in the below screenshot.
WooCommerce Address Validation | UPS Address Validation

UPS Address Validation

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.
WooCommerce Address Validation | USPS Address Validation

USPS Address Validation

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.
WooCommerce Address Validation | Addressfinder API

Addressfinder API

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.

Debug Log:

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:

WooCommerce Address Validation | Confirm Before Validation settings

Confirm Before Validation 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.
How to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? | Country Specific Address Validation

Country-Specific Address Validation

Once all settings are configured, click Save changes.

Demonstration

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.

WooCommerce Address Autocomplete | Autocomplete Checkout Field

Autocomplete Checkout Field

When the customer starts typing the address, the possible address is auto-suggested, as shown in the below screenshot.

WooCommerce Address Autocomplete | Autocomplete Address

Autocomplete Address

Next, when the correct address is selected, other address fields are filled automatically, as shown in the screenshot below.

WooCommerce Address Autocomplete | Autofill Address

Autofill Address

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.

WooCommerce Address Validation | Choose Desired Address from Checkout Page

Choose Desired Address from Checkout Page

If you choose the address confirmation to be displayed using the pop-up window, it will be displayed as shown in the screenshot below.

WooCommerce Address Validation | Choose Desired Address in Pop-Up Window

Choosing desired address in Pop-Up Window

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.

WooCommerce Address Validation | Address Type & Order Note

Address Type & Order Note in 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.

How to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? | Customise Label and Button Texts on Checkout-Page

Customise Label and Button Texts on Checkout Page

 

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.”
How to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? | Customized Checkout Page with Popup

Customized Checkout Page with Popup

This screenshot displays Place Order With Suggested Address Button Label.

How to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? | Place Order With Suggested Address Label

Place Order With Suggested Address Label

Check this screenshot that displays Address Suggestion Label.

How to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? | Address Suggestion Label

Address Suggestion Label

Check this screenshot that displays Customize Button Text In The Checkout Page Message.

How to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? | Customize Button Text In The Checkout Page Message.

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:

  1. Displays Address Validation Failed Custom Message on the pop-up window.
How to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? | Custom Address Validation Failed Message on the pop-up window

Custom Address Validation Failed Message on the pop-up window

2. Displays Address Validation Failed Custom Message on the checkout page.

How to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? | customise Label and Button Texts on Checkout-Page

Customize Label and Button Texts on Checkout Page

3. Displays Address Validation Failed Custom Message on the checkout page if address validation failed.

How to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? | Address Validation Failed MessageHow to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? | Address Validation Failed Message

Address Validation Failed Message

You can also add a custom label name for the address autocomplete text-field.

How to set up ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce? | Google Autocomplete Label Customization

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.

    Leave a Reply

    WordPress Image Lightbox Plugin