A brand of Cool Plugins
View Pricing

Cool FormKit   »   Features    »   Country & State Field

Share it:

Country & State Field for Elementor Form

Add a country selector with a linked state dropdown that updates automatically based on the selected country in your Elementor form.
Get Plugin
View Demo
Excellent Support Team
country-and-state-field

Add Country & State Selector in Your Form

Want to add a country dropdown with an auto-updating state selector in your Elementor form?

The Cool FormKit plugin makes it easy to add a smart country selector linked with a dynamic state dropdown. When a user selects a country, the matching states are automatically loaded, no manual setup needed!

It works with:

  • Elementor Pro form widget
  • And also with Elementor Free using:
    • Hello Plus (form lite widget)
    • Pro Elements plugin
    • Cool FormKit (cool form widget)

No Elementor Pro? No worries! Just install Cool FormKit and start building powerful forms with dynamic fields like the Country & State selector today.

Country & State Selector Settings

Country & State Selector Settings
Country & State Selector Settings

The Country & State fields in Cool FormKit give you full flexibility with simple settings inside Elementor’s form widget. You can customize how countries and states are displayed and behave in just a few clicks. Here’s what you can do:

  1. Default Country – Pre-select a country when the form loads.
  2. Auto Detect Country – Automatically detect the user’s country based on their IP.
  3. Preferred Countries – Highlight specific countries at the top of the list.
  4. Only Countries – Limit the dropdown to show only selected countries.
  5. Exclude Countries – Hide specific countries from the list.
  6. Show/Hide Flags – Choose whether to display country flags in the dropdown.
  7. Linked State Field – Automatically load relevant states based on the selected country by connecting the State field to the Country field.

FAQs

How can I show states based on the selected country?
Simply add a Country field and a State field, then link the State field to the Country field by entering the Country field’s ID. The states will update automatically when a country is selected.
Yes! You can pre-select any country to appear as the default when the form loads. Just choose the desired country from the field settings.
Absolutely. You can mark certain countries as “Preferred” and they will appear at the top of the dropdown for faster selection.
Yes. The Country and State fields work with Elementor Pro and also with Elementor Free.

A combined Country & State selector streamlines user input by showing only relevant state options based on the selected country.

  • Makes forms easier to fill out
  • Prevents incorrect state selections
  • Improves form accuracy and flow
  • Feels intuitive for international users
  • Looks clean and professional in design

These fields are ideal for any form that collects location data. Common examples include:

  • Address collection in registration or checkout forms
  • Travel and booking forms
  • Lead generation or inquiry forms
  • Shipping or billing details
  • Event registrations with locatio

Country & State Field Demo

Registration Form with Country & State Select
Enter Your Address

Real Feedback from Our Plugin Users

Our WordPress plugins are trusted for their quality, compatibility and excellent customer support.
review-quote review-stars

Thank you so much! Great plugin! It make my whole website very cool! Also great service!
@thanh_lanh_tran
review-quote review-stars

The plugins are excellent and their customer support is also quick and friendly
Heeren-Tanna
@heeren_tanna
review-quote review-stars

This plugin is easy to use and does what it has to do. Most important: The support is quick and solve your issues!
@kevin
review-quote review-stars

It’s a nice plugin, easy to install and very good support, even for free version, my questions are answered!
@wayne_haston
review-quote review-stars

Excellent plugin very easy to use and extremely fast response to my support email, would highly recommend
Neil-White-1
@neil_white
review-quote review-stars

Great software and friendly service. They helped me very quickly solve an issue I created myself. Highly recommend.
@andytop72
review-quote review-stars

Good quality program. You can saving many time. And good support team.! Very quickly support fix problem and very kindly
@silviamalavasi
Trustpilot Stars Read 174+ reviews on Trustpilot.com
Cool FormKit - Advanced Form Builder for Elementor

Pricing Plans

Use Cool FormKit to add advanced field like Country & State Selector in Elementor form along with 20+ others advanced fields & features.

Annual License

For 1 Website • Cool FormKit - Yearly

21% OFF $49 $39 / year
Buy Plugin — $39
Extra discount available — Extra discount applied
  • Use on 1 website
  • 1 year of plugin updates
  • 1 year of premium support
Best Value

Lifetime License

For 1 Website • Cool FormKit - Lifetime

17% OFF $119 $99 / one-time
Buy Plugin — $99
Extra discount available — Extra discount applied
  • Use on 1 website
  • Lifetime plugin updates
  • Lifetime premium support
14-Day Money Back Guarantee

We want you to love our plugins. If it’s not the right fit, you’re covered by our 14-day money-back guarantee.

Secure SSL encrypted payment by PayPal & Stripe (Credit & Debit Cards)
secure payment modes

More features of Cool FormKit

View All
Country Code

Add a country code dropdown inside the phone number input field.
Month / Week Field

Add month and week fields to capture time frames without exact dates.
Signature Field

Let users draw and submit their signature directly within the form.
Toggle Field

Let users choose between two options with a smart toggle switch field.
Select2 Field
Enhance dropdowns with searchable, multi-select options using Select2.
Form Label Styles

Let users enjoy cleaner, more user-friendly forms with label styling.