View Categories

How to Add Geo Fields Autocomplete (City, State, Country, Zip) Using CF7 Extensions

2 min read

Extensions for CF7 plugin enhances Contact Form 7 (CF7) forms by adding advanced features, including Geo Fields Autocomplete. This feature allows users to enter location details such as City, State, Country, and Zip Code with autocomplete functionality, improving accuracy and user experience. This guide will walk you through the process of adding Geo Fields Autocomplete to your CF7 forms.

Live Example #

Once you've completed the setup, the preview will appear as shown below.

Autocomplete IP Geo Fields

Steps to add Geo Fields Autocomplete #

To add the Geo Fields Autocomplete  filed to CF7, make sure that both the Contact Form 7 and Extensions for CF7 Pro plugins are activated on your website.

extensions for cf7

Step 1: Enable the Geo Fields Autocomplete Extension #

Go to WordPress Dashboard > HT Cf7 Extension > Extensions. From the list of extension, turn ON the Autocomplete IP Geo Fields (Country, City, State, Zip) extension.

Autocomplete IP Geo Fields extension

After turning on the Autocomplete IP Geo Fields (Country, City, State, Zip) Switcher, just click the Save Settings button to save this settings.

Step 2: Configure the Autocomplete IP Geo Fields #

Once the Autocomplete IP Geo Fields (Country, City, State, Zip) extension is enabled, new tags named HT Country, HT State, HT City, and HT Zip will appear on the form edit screen. These tags become available whenever you edit an existing form or create a new one.

Autocomplete IP Geo Fields

Clicking on each tag, such as HT Country, HT State, HT City, or HT Zip, allows you to enable autocomplete functionality by configuring the respective options. In the HT Country field, you can exclude specific countries, display only selected countries, or set an initial country using predefined country short codes.

Autocomplete IP Geo Fields

After adding the fields, save the form.

That’s it! Thank you for choosing Extensions for CF7 to enhance your user experience. If you need additional assistance, feel free to contact our support team. Our dedicated support team would be more than happy to assist you.

Scroll to Top