CS-Cart

Google Address AutoComplete

This addon allows store users to easily fill their address text field automatically. Users can use the auto detector to find the exact location.

Google Address AutoComplete is an add-on for CS-Cart that suggests addresses as a user types, using Google APIs to generate the options. Instead of filling in every field by hand, a shopper starts typing and picks the correct match, or taps the location icon to detect their current address. It works on the checkout page, the customer profile edit page, and the vendor panel, which speeds up address entry and reduces mistakes. It is aimed at CS-Cart store owners who want faster, more accurate address input for customers and vendors.

Google address AutoComplete

Google Address AutoComplete addon for CS-Cart allows users to enter their address using the automatically generated suggestions. Addon uses Google APIs to provide address options. Users can easily choose the right address or click the location icon to find their current address. The addon works on the checkout page, customer profile edit page, and vendor panel. It helps users to quickly complete their addresses. They just need to start typing, and suggestions will show up to help them fill in the details.

Feature

  • Addon Use Checkout and Profile Pages: The addon's features can be used on the checkout and customer profile pages by selecting options in "Enable On."
  • Country-Based Suggestions: The country selection field allows the admin to choose countries for which they want to show address suggestions.
  • Show Current Location: Enabling the current location checkbox allows the system to show users' current address.
  • Vendor Support: Vendors can also use this addon's features in their vendor panels.
  • Auto location detection: Enable the auto location detection to see the nearest location first in the suggestions. 
  • House number priority: The admin can enable the checkbox to show the house number first in the field.
  • CS-Cart Support Info: The addon is well integrated with CS-Cart Multi-Vendor and can be used with its Standard, Plus, and Ultimate versions.

Installation 

How To Install Addon

https://store.ecarter.co/blogs/how-to-install-addon/

How addon works

Access the addon, then  Switch to >> Settings tabs.

Explanation of Settings Tab 

  • Enter Google Place API key: Enter the API key, which is a special code that helps in finding addresses automatically. 
  • Enable on (Checkout / Customer profile): Selecting different options such as customer profile, and checkout will activate the Google address auto-complete feature on each of these individual pages.
  • Select countries: When the admin clicks on the field, a list of countries will appear. They can select the countries for which they want to show address suggestions.
  • Current location: Enabling the checkbox allows the system to show the user's current geographical address.  
  • Allow for vendor account: Enabling the checkbox allows the vendor to use the address auto-complete function on the vendor panel. 
  • Enable Auto location detection: When this is enabled, the admin will see the nearest location first in the suggestions list. 
  • House number first: When this is enabled, the house number will appear first in the address field.    

Google Address AutoComplete — illustration 2

Functionality of Google Address Auto-Complete on the Storefront

  • Go to the >> Storefront 
  • Click on >> Any Product
  • Then, Click on >> Add to Cart 
  • Press the >> Checkout button
Google Address AutoComplete — illustration 3


Google Address AutoComplete — illustration 4
Google Address AutoComplete — illustration 5

Google Address AutoComplete — illustration 6

  • On this checkout page, the location icon helps customers quickly get their full current address. Just click on the icon to see the complete address.

Google Address AutoComplete — illustration 7

  • If the customer types a few characters or numbers of their address, they will see suggestions for the rest of the address below. 

Google Address AutoComplete — illustration 8

Address Autocomplete in Customer Profiles (Admin Panel)

  • Go to >> Customers menu
  • Click on >> Customers 

Google Address AutoComplete — illustration 9

  • Click on >> Any customer ID 

Google Address AutoComplete — illustration 10

  • Address: Now in the address field, the admin can type a few characters, and the rest of the address will appear in the suggestions. They can then choose the correct one.

Google Address AutoComplete — illustration 11

Google Address Auto-Complete in Customer Profile (Storefront)

  • Go to >> My Account
  • Click on >> the Profile Details 
Google Address AutoComplete — illustration 12
  • Customer profile details in the storefront allow customers to use Google address autocomplete to fill in their addresses with suggestions. They can also use the location icon to get their current address.

Google Address AutoComplete — illustration 13

Google Address Autocomplete at Vendor Panel

  • 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, 4.18x

Support:

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

Frequently asked questions

Which pages does the Google Address AutoComplete add-on work on?

It works on the checkout page, the customer profile edit page, and the vendor panel. You control where it appears using the "Enable On" setting to turn it on for checkout and profile pages.

Can I limit address suggestions to specific countries?

Yes. The add-on includes a country selection field where the admin chooses the countries for which address suggestions are shown.

Does it support the current location and how suggestions are ordered?

Enabling the current location checkbox lets the system show the user's current address via the location icon. You can also turn on auto location detection to surface the nearest location first, and enable house number priority so the house number shows first in the field.

Is the add-on compatible with CS-Cart Multi-Vendor and which versions are supported?

It is integrated with CS-Cart Multi-Vendor, and vendors can use its features in their vendor panels. It works with the Standard, Plus, and Ultimate versions.

N
Nisha Gaur · Technical Content Writer, Ecarter Technologies

Nisha Gaur is a Technical Content Writer at Ecarter Technologies. She writes technical documentation, tutorials and buying guides covering CS-Cart, Magento, Shopify and eCommerce development.

Talk to our team