Magento 2 Region & City Dropdown Manager

Overview

This Magento 2 extension allows the store admin to manage(add, edit, delete, bulk import) regions/states & cities. This extension also converts text-input city field to the select dropdown in checkout address (shipping & billing) & customer address pages for both storefront and backend.

Magento 2 by default has only the data-structure for regions/states without any administration capabilities. Also, the city field is displayed as text-input leading typos & invalid addresses.

With this extension, store admin can easily manage both regions & cities from the backend UI. And the list of cities which are managed from the backend will be shown as a select dropdown to the customer during checkout & address management. This will not only avoid the typos/invalid address issue but also help the store owner to target the cities for shipping rates and cart rules.

Key Features

• Manage regions/provinces/states & cities easily via backend UI
• Ability to bulk import regions & cities via CSV file
• Ability to export regions & cities as a CSV file
• Display city as a dropdown field with search option in the storefront (checkout shipping/billing address & customer address book)
• Display city as a dropdown field in the backend (customer edit address, edit order shipping/billing address & create new order shipping/billing address)

Feature Highlights

Easier Management of Regions & Cities

With this extension, store admin can perform the following actions on the entities

• Add new region/city
• Edit existing region/city
• Delete existing region/city
• Bulk update/delete regions/cities
• Bulk import regions/cities
• Export regions/cities data
• Manage locale-based names

Export of Regions & Cities

You can easily export all or filtered regions & cities data as a CSV from backend UI.

Import of Regions & Cities

In case if you have lots of regions/cities to be added in the system, adding them one-by-one is a tedious task.
With this extension, you can easily download the sample CSV file (or export the existing data), prepare the CSV file, and perform the bulk update.

You can also import locale name(s) for regions & cities in the single go

Supported Countries

Currently, we have ready-made CSV for regions & cities (with locale name) for the following countries

• United Arab Emirates
• Do you want to add your country here?
  Help us extend this list adding your country.

Display City as a Dropdown Select

This extension converts text-input city field to the select dropdown in checkout address (shipping & billing) & customer address pages for both storefront and backend.

Search Option in Dropdown

The city dropdown is also configurable to have the search box inside the dropdown that can be very handy to the users if the list is big.

Having city as a dropdown field can have the following advantages for the store:

• Eliminates typos, reduces the entry of incorrect addresses
• Effortless selection of regions/cities for customers
• Can be used in the shipping fee calculator
• Can be used as a shopping condition for the cart rules
• Easier to restrict shipping based on cities

Support for Multi-Locales

If you have multiple stores with different locales, you can easily manage region & city names based on locales.

Multi-locale values are also supported by import/export functionality of regions & cities

In the storefront, the region & city names will be shown as per the locale

Installation

1. Download the extension .zip file and extract the files.
2. Copy the extension files from src/ folder to the {magento2-root-dir}/
3. Run the following series of command from SSH console of your server:

php bin/magento module:enable MagePsycho_RegionCityPro --clear-static-content
php bin/magento setup:upgrade

4. Flush the store cache

php bin/magento cache:flush

5. Deploy static content (in Production mode only)

rm -rf pub/static/* var/view_preprocessed/*
php bin/magento setup:static-content:deploy

5. Go to Admin > STORES > Region & City Manager > Here you can manage regions & cities and configure settings

Live Demo:

Backend Demo | Frontend Demo