Country Code For Elementor Form Telephone Field

Are you looking for a solution to ensure users of your site enter the phone number in the correct format along with country code? This small addon provides an easy way by eliminating the need to manually input country codes tel field within Elementor Pro form.

Let's Explore How Easily You Can Use
Country Code plugin Inside Elementor Form.

Show a Country Code Dropdown in Tel Field

  • Drag the “Form” Widget
  • Select the Tel field
  • Enable the “Country Code” switch”
Contact Customer Support
Book your Appointment

Add Only Countries to Tel Field

You can mention the list of countries that you want to show in country code dropdown. In this case, only the specified countries will appear in the dropdown.

For example: us,ca,in,fr are the only countries that will be visible to the users to select from.

Select Exclude Countries to Tel Field

You can also mention the list of countries that you do not want show in country code dropdown. In this case, the remaining countries will appear in the dropdown.

For instance: ca,fr are the excluded countries that will not be visible to the users.

Feedback and Surveys Form
We Value Your Feedback.
Delivery Request Form

Choose Preferred Countries to Tel Field

You can also mention the list of countries that you want show at the top of the country code dropdown.

For instance: us,ca,in,fr are the preferred countries that will appear at the top of dropdown.

Enable Auto Detect Country option

This allows automatically selection of  user’s country code based on their IP location.

For example, if user is in France, browsing the website. Instead of the usual hassle of finding and selecting your country code as soon as she click on the phone number field, she notice that the country code dropdown already has +33(France) selected.

Conference Registration

Please note, this addon is designed for Elementor Pro. Ensure you have Elementor Pro installed, as form functionality is not available in the free version.