Checkout Field Editor (Checkout Manager) for WooCommerce – The best WooCommerce checkout manager plugin to man...
City Select for WooCommerce. Show a dropdown select as the cities input.
WC City Select is a WordPress plugin designed for WooCommerce that allows you to replace the standard text input for city or town entry with a select dropdown. This dropdown can be displayed on checkout pages, edit addresses pages, and in the shipping calculator if configured appropriately.
To use this plugin, you need to load a list of cities in the functions.php file of your theme. The plugin includes cities from some countries and allows for custom city lists to be added using a filter. It currently works with legacy shortcodes for cart and checkout pages, as it is not compatible with Blocks.
Best for: This plugin is suitable for WooCommerce stores that require city selection during checkout.
What it does well
Where it falls short
WC City Select offers a straightforward solution for enhancing the checkout process in WooCommerce. However, it may not be ideal for users unfamiliar with coding.
mantish's own description of WC City Select, lightly tidied.
WooCommerce uses a text input for the customers to enter the city or town. With this plugin you can provide a list of cities to be shown as a select dropdown.
This will be shown in checkout pages, edit addresses pages and shipping calculator if it’s configured that way.
This plugin is not yet compatible with Blocks.
It works using the legacy shortcodes: [woocommerce_cart] and [woocommerce_checkout].
To make this plugin work, you can use these shortcodes instead of the blocks for your Cart and Checkout pages.
A list of cities has to be loaded in the functions.php file (the plugin already includes cities from some countries).
Use wc_city_select_cities filter to load your cities. This is done similarly to adding states/provinces.
It should be added on your functions.php or a custom plugin.
add_filter( 'wc_city_select_cities', 'my_cities' );
/**
* Replace XX with the country code. Instead of YYY, ZZZ use actual state codes.
*/
function my_cities( $cities ) {
$cities['XX'] = array(
'YYY' => array(
'City ',
'Another City'
),
'ZZZ' => array(
'City 3',
'City 4'
)
);
return $cities;
}
It’s also possible to use a list of cities without grouping them by state:
add_filter( 'wc_city_select_cities', 'my_cities' );
function my_cities( $cities ) {
$cities['XX'] = array(
'City ',
'Another City'
);
return $cities;
}
Source code and contributions at github
Other plugins for improving checkout.
Checkout Field Editor (Checkout Manager) for WooCommerce – The best WooCommerce checkout manager plugin to man...
Every store loses sales to cart abandonment. But with Cart Abandonment Recovery for WooCommerce, you can win t...
1 WordPress funnel builder & WooCommerce checkout plugin. Boost AOV with one-click upsells, order bumps &a...
A powerful side cart designed to make shopping faster and easier. Give customers instant cart access and a sea...
Create high-converting WooCommerce checkout pages, WooCommerce thank you pages & sales funnels with the hi...
Frictionless Multistep Checkout for WooCommerce. Get up to 36% increase in conversion rates with a better purc...