CS-Cart Google Address AutoComplete

Google address AutoComplete

CS-Cart Google Address AutoComplete

This addon allows store users to easily fill their address text field automatically. Users can choose a location manually or use the auto detector to find the exact location. This feature works when vendors register, customers check out, or profile editing. The addon is beneficial when users fill any complex address. It helps to quickly fill both shipping and billing addresses. Simply start typing your address, you will see suggestions to easily fill in the details. Address Autocomplete is faster, convenient, and accurate, making users happier and improving website interaction.

Feature

  • Use of the Google Places API key, a special code to easily find addresses.
  • This addon allows customers to auto-fill addresses to prevent errors and save typing time.
  • It provides the address autocomplete feature at the checkout and customer profile pages.
  • Country selection feature to limit address suggestions to specific countries.
  • Current location feature for automatic address suggestions based on the user's current location.
  • Vendor account setting to allow vendors add addresses using Google Autocomplete.
  • Allow users to use auto location detection to search for exact nearby locations first.
  • It has the feature to put the house number first in the address field.

How To Install 

How to Upload  Zip file of Google Address Autocomplete 

On the Downloaded Addons page, click on >> Gear button then go to Manual installation. A pop window will be displayed, you can install an add-on by picking a tgz,gz,zip format archive and clicking Upload & Install. 

Installation page one

Installation page 2

Installation page 3

After Successfully installing the add-on Go to >Add-on on the administration panel Add-on>Manage Add-on>Ecarter Techonology Pvt. lmt. you see no. of installed add-ons or newly installed add-ons and add-ons must be Active/On status if the addon is Off it is not working.

Installation page 4

How addon works

In Google Address Autocomplete addon page, Switch to >> Settings tabs.

Explanation of Settings Tab 

  • Enter Google Place API key: A Google Places API Key is like a special code that lets you use Google's Places API for finding addresses easily.
  • Enable on (Checkout / Customer profile) : Select these two to see address autocomplete feature at checkout and Customer profile page.
  • Select countries: Admin can select the countries for which they want to limit address suggestions. 
  • Current location: Enabling the current location allows the system to automatically suggest addresses based on the user's present geographical location.
  • Allow for vendor account: Enabling this vendor account allows vendors to easily add addresses using Google Autocomplete.
  • Enable Auto location detection: Enabling this allows customers to search for exact locations near them first.
  • House number first: Enabling this will put house number first in the Address field.

Google address autocomplete

Main settings of this addon

Customer Profile edit by admin end
  • Go to >> Customers menu
  • Click on >> Customers
  • Customers within customers menu

Then click on >> Customer profile

Customers list

Address: Here you can use Google Address Autocomplete which is used to  simplify the process of entering the address details when registering as a Vendor, Checking out or editing your profile. Here, when an individual type, it suggests addresses, and you can easily choose yours to automatically fill in the address fields. It is an easy and fast way to put in your address details correctly. Below snapshot shows the Customer Profile edit by admin end. Just type a few characters or digits then it will give suggestions related to your address.

Type a few character page

Address Autocomplete feature at Checkout page

Go to >> Storefront

storefront page

  • Select any product


Select any product

Then click on >> Add To Cart

Add to cart button page

Click on >> Checkout

Checkout Page

Auto detection work: On the checkout page, select the "Location Detection". Clicking on this will instantly provide the complete current address of the customer's location.

Location detection icon at checkout page

Here, the detector has successfully identified the complete current location of the customer. Also, you can view a list of nearby addresses that match the added address.

List of nearby locations and selected location page

You can also auto change the billing address as shown below using google autocomplete feature.  

Billing address page


Address Autocomplete for Profile Details in Store

  • Go to >> My Account
  • Click on >> Profile Details

Profile details within my account


  • Here store user can add their address using  google address autocomplete addon with current location detector. Shipping address Location detector

Add Address By Vendor at vendor panel

  • Go to >> Profile 
  • Click on >> log in as vendor 
  • Select the vendor 
List of vendors within login as vendor


  • Now, Go to >> Vendors’ Profile.
  • Click on >> Edit Profile.

Vendor page with edit profile page

  • Here you can see address autocomplete also working for vendor profile edit. 

Address autocomplete in vendor profile

Addon-Version:

Version-1.0

Supported Versions:

CS-Cart, CS-Cart Multivendor 4.8.x, 4.9.x,4.10x,4.11x,4.12,4.13x, 4.14x, 4.15x, 4.16x, 4.17x

Support:

This app is developed and published by Ecarter Technologies Pvt. Ltd., a CS-Cart developer. You are guaranteed quality add-ons.