Add text after or before postcode code input in woocommerce checkout page

Hey there,

The easiest option would be to add that postal code list to the checkout page by editing the page. Here’s an example of how to do that:
https://writenowdesign.com/blog/wordpress/woocommerce/add-message-top-bottom-woocommerce-checkout-page/

Otherwise, you’ll need to modify the page template using hooks and filters. Here’s a good place to get started:
https://hollerwp.com/customize-woocommerce-checkout-page/

Thank you. I just made a dropdown option in which the user can select their zip code, In my case, I give the zip code as the identifier and the City name as the select option. So people will no need to know about zip codes.

add_filter( ‘woocommerce_default_address_fields’ , ‘customize_postcode_fields’ );
function customize_postcode_fields( $adresses_fields ) {

$adresses_fields[‘postcode’][‘type’] = ‘select’;
$adresses_fields[‘postcode’][‘options’] = array(
” => __(‘Select your postcode’, ‘woocommerce’),
‘11536’ => ‘Akaragama’,
‘10732’ => ‘Akarawita’,
);

return $adresses_fields;
}

But to work that you should have to add these zip codes in your shipping zone. This will change shipping cost according to the city name (or whatever you gave)

Thank you again for your suggestion that the suggestion was easy!

I’m glad you solved it. That looks downright elegant, so thank you for sharing!