Cool FormKit » Features » Country Code Dropdown

Share it:

Country Code Dropdown for Tel Field

Add a smart country code dropdown to your phone field for accurate international number input in Elementor forms

Excellent Support Team

Country Code Dropdown in Your Form

Want to add a Country Code Dropdown to your phone field in Elementor?

The Cool FormKit plugin makes it super easy to add a country code selector to your telephone input. Users can simply choose their country from a dropdown, and the correct international dialing code will be added automatically

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! Simply install Cool FormKit to add a professional country code dropdown to your phone number fields. It’s ideal for global businesses, travel websites, or any form that collects international phone numbers.

Country Code Dropdown Settings

The Country Code Dropdown field in Cool FormKit gives you full control with intuitive settings right inside Elementor’s form widget. You can customize its behavior, appearance, and functionality to suit your form’s needs in just a few clicks.

Default Country – Pre-select a country to appear first when the form loads (e.g., United States).
Only Countries – Show only specific countries in the dropdown.
Exclude Countries – Hide selected countries from the list.
Preferred Countries – Highlight key countries at the top of the list for quick access.
Automatically Detect Country – Auto-select the user’s country based on their IP address.
Country Flag Display – Show or hide country flags next to the dropdown options.
Country Format – Choose how to display codes (e.g., “+1 United States” or just “+1”).

These flexible options ensure the phone input is both user-friendly and optimized for international reach.

FAQs

What is the Country Code Dropdown in Elementor Forms?

The Country Code Dropdown allows users to select their country’s international dialing code before entering their phone number. It ensures correct formatting for international use.

Do I need Elementor Pro to use this feature?

No, it works with both Elementor Pro and Elementor Free using plugins like Cool FormKit, Hello Plus, or Pro Elements.

Can the form auto-detect the user’s country?

Yes, with Cool FormKit, you can enable automatic country detection based on the user’s IP address. You just need to add an API key.

Can I set a default country code for the phone field?

Yes, you can set a default country that appears pre-selected when the form loads.

Can I show country flags in the dropdown?

Yes, flags can be shown alongside country names for a more visual and user-friendly selection experience.

Is the Country Code Dropdown mobile-friendly?

Yes, it is fully responsive and works smoothly across all devices.

Country Code Dropdown Demo

Call Booking Form with Country Code Field

Real Feedback from Our Plugin Users

Our WordPress plugins are trusted for their quality, compatibility and excellent customer support.

Excellent plugin very easy to use and extremely fast response to my support email, would highly recommend

@neil_white

This plugin is easy to use and does what it has to do. Most important: The support is quick and solve your issues!

@kevin

Thank you so much! Great plugin! It make my whole website very cool! Also great service!

@thanh_lanh_tran

The plugins are excellent and their customer support is also quick and friendly

@heeren_tanna

It’s a nice plugin, easy to install and very good support, even for free version, my questions are answered!

@wayne_haston

Great software and friendly service. They helped me very quickly solve an issue I created myself. Highly recommend.

@andytop72

Good quality program. You can saving many time. And good support team.! Very quickly support fix problem and very kindly

@silviamalavasi

Read 146+ reviews on Trustpilot.com

Cool FormKit - Advanced Form Builder for Elementor

Pricing Plans

Use Cool FormKit to add country code dropdown in Elementor form along with 20+ others advanced fields & features.

Annual License

For 1 Website

/ Year

0% Discount Applied

Renew Yearly

POPULAR

Lifetime License

For 1 Website

/ One Time

0% Discount Applied

🔥 Limited-Time Discount Offer! Ending in:

Days

Hours

Minutes

Seconds

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)

More features of Cool FormKit

View All

Country & State Field

Let users select their country and state with easy dropdown fields.

Form Input Mask

Add input masks to help users enter information in the correct format.

Currency Field

Easily add auto-formatted currency fields with symbols to forms.

WhatsApp Redirect

Redirect users to WhatsApp instantly after they submit your form.

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.

Country Code Dropdown for Tel Field