Title: Autocomplete Location Field for Contact Form 7 Author: theme funda Published: 2019 年 12 月 9 日 Last modified: 2026 年 7 月 19 日 --- 搜索插件 ![](https://ps.w.org/autocomplete-location-field-contact-form-7/assets/banner-772x250. png?rev=3463009) ![](https://ps.w.org/autocomplete-location-field-contact-form-7/assets/icon-256x256. png?rev=3463009) # Autocomplete Location Field for Contact Form 7 作者：[theme funda](https://profiles.wordpress.org/gravitymaster97/) [下载](https://downloads.wordpress.org/plugin/autocomplete-location-field-contact-form-7.zip) * [详情](https://cn.wordpress.org/plugins/autocomplete-location-field-contact-form-7/#description) * [评价](https://cn.wordpress.org/plugins/autocomplete-location-field-contact-form-7/#reviews) * [安装](https://cn.wordpress.org/plugins/autocomplete-location-field-contact-form-7/#installation) * [开发进展](https://cn.wordpress.org/plugins/autocomplete-location-field-contact-form-7/#developers) [支持](https://wordpress.org/support/plugin/autocomplete-location-field-contact-form-7/) ## 描述 **Autocomplete Location Field for Contact Form 7** is the easiest way to add a smart Google Address Autocomplete field to any Contact Form 7 form on your WordPress website. Powered by the **Google Places API**, this plugin delivers real-time address suggestions as users type — reducing typos, incomplete submissions, and user frustration. Whether you run a delivery service, real estate agency, booking platform, or local business, this plugin helps you collect accurate location data effortlessly. 🔗 [Pro Version](https://www.codesmade.com/store/autocomplete-location-field-contact-form-7-pro/) | [Support](https://www.codesmade.com/contact-us/) | [Get a Google Places API Key](https://www.codesmade.com/create-google-map-place-api-key/) ### Why Use Autocomplete Location Field for Contact Form 7? Manually typed addresses are prone to errors. This plugin eliminates that problem by integrating Google’s powerful address intelligence directly into your CF7 forms. Users get instant, accurate suggestions — and you get clean, reliable data. **Perfect for:** – 📦 Delivery and shipping address forms – 🏠 Real estate and property listing sites – 📅 Booking and appointment forms – 🛠️ Service area and local business websites – 📬 Business contact and inquiry forms ### ✅ Key Features (Free) * **Google Address Autocomplete** — Real-time suggestions powered by Google Places API * **Seamless CF7 Integration** — Works natively inside the Contact Form 7 editor * **Simple API Key Setup** — Connect your Google API key in minutes * **Lightweight & Optimized** — Minimal impact on page load speed * **Easy Field Insertion** — Add the autocomplete field with a single click in the CF7 editor ### 🚀 Pro Features Upgrade to [Pro](https://www.codesmade.com/store/autocomplete-location-field-contact-form-7-pro/) for advanced location control: * 🌍 **Country Restriction** — Limit autocomplete suggestions to specific countries( e.g. US, UK, AU) * 🗺️ **Google Map Display** — Show an interactive map when a location is selected * 🧩 **Separate Address Components** — Capture Street, City, State, Country, and Postcode in individual fields * 🏷️ **Place Type Filtering** — Restrict suggestions by type (e.g. establishments, geocodes, art galleries) * 🌐 **Custom Placeholder Translation** — Localize your field placeholder text * ⚡ **Priority Support** — Get fast, dedicated help from our team ### How It Works 1. Install and activate the plugin. 2. Navigate to **Contact Google Place API** in your WordPress admin. 3. Paste your **Google Places API Key**. 4. Open any **Contact Form 7** form editor. 5. Click **“Field Autocomplete”** to insert the location field shortcode. 6. Save the form and publish your page. That’s it — your form now has intelligent address autocomplete! > **Get your free Google API Key:** [Step-by-step guide](https://www.codesmade.com/create-google-map-place-api-key/) > | [Official Google Docs](https://developers.google.com/maps/documentation/javascript/places-autocomplete) ### Additional Information * **Support:** [codesmade.com/contact-us](https://www.codesmade.com/contact-us/) * **Pro Version:** [codesmade.com/store](https://www.codesmade.com/store/autocomplete-location-field-contact-form-7-pro/) * **API Key Guide:** [codesmade.com/create-google-map-place-api-key](https://www.codesmade.com/create-google-map-place-api-key/) ## 屏幕截图 [⌊Address Suggestions in Frontend Form — Real-time Google Places suggestions as users type.⌉⌊Address Suggestions in Frontend Form — Real-time Google Places suggestions as users type.⌉[ **Address Suggestions in Frontend Form** — Real-time Google Places suggestions as users type. [⌊Autocomplete Field in CF7 Editor — Insert the location field directly from the form builder.⌉⌊Autocomplete Field in CF7 Editor — Insert the location field directly from the form builder.⌉[ **Autocomplete Field in CF7 Editor** — Insert the location field directly from the form builder. [⌊Google API Key Settings Page — Simple settings screen to connect your Google Places API key.⌉⌊Google API Key Settings Page — Simple settings screen to connect your Google Places API key.⌉[ **Google API Key Settings Page** — Simple settings screen to connect your Google Places API key. ## 安装 **Option 1: Install via WordPress Admin (Recommended)** 1. Go to **Plugins Add New** in your WordPress dashboard. 2. Search for **“Autocomplete Location Field for Contact Form 7”**. 3. Click **Install Now**, then **Activate**. 4. Navigate to **Contact Google Place API** and enter your API key. **Option 2: Manual Installation** 1. Download the plugin `.zip` file. 2. Upload the extracted folder to `/wp-content/plugins/`. 3. Activate the plugin from **Plugins Installed Plugins**. 4. Add your Google API key under **Contact Google Place API**. 5. Open a Contact Form 7 form and insert the **Field Autocomplete** tag. ## 常见问题 ### Do I need a Google API key to use this plugin? Yes. A valid Google Places API key is required. You can generate one for free at [Google Cloud Console](https://console.cloud.google.com/). Make sure the **Places API** is enabled and billing is set up in your project. ### How do I add the autocomplete field to my form? Open your Contact Form 7 form editor and click the **“Field Autocomplete”** button in the tag generator toolbar. The shortcode will be inserted automatically. ### The autocomplete is not showing suggestions. How do I fix it? Open your browser’s developer tools (F12) and check the **Console** tab for errors. Common causes include: – Incorrect or missing API key – Places API not enabled in Google Cloud Console – Billing not activated on your Google Cloud account ### Can I restrict autocomplete results to a specific country? Yes — country restriction is available in the [Pro version](https://www.codesmade.com/store/autocomplete-location-field-contact-form-7-pro/). ### Can I capture address parts like city, state, and postcode in separate fields? Yes — separate address components are a [Pro feature](https://www.codesmade.com/store/autocomplete-location-field-contact-form-7-pro/). ### Is this plugin compatible with the latest version of WordPress? Yes. The plugin is tested up to WordPress 6.9.1 and actively maintained. ### Where can I get support? Visit our support page at [codesmade.com/contact-us](https://www.codesmade.com/contact-us/) or post in the [WordPress support forum](https://wordpress.org/support/plugin/autocomplete-location-field-contact-form-7/). ## 评价 ![](https://secure.gravatar.com/avatar/4d56450d2d6ef23bd39b48ae0eb603348a25997c988f4315ccca799292bafbed? s=60&d=retro&r=g) ### 󠀁[Great support](https://wordpress.org/support/topic/great-support-6645/)󠁿 [dashdesigns](https://profiles.wordpress.org/dashdesigns/) 2026 年 6 月 3 日 I had an issue with setting up the pro version of the plugin due to the free and pro versions running together and then a conflict with the Google Places API, but support helped me fix this with a new version of the plugin. All answered within hours if me having the issue. ![](https://secure.gravatar.com/avatar/742fec7fab15b0a7473ff0ac58c0c178dd1b0a584713614f01013c66936c492a? s=60&d=retro&r=g) ### 󠀁[Money Worth](https://wordpress.org/support/topic/money-worth/)󠁿 [ozwds](https://profiles.wordpress.org/ozwds/) 2026 年 6 月 2 日 The script works well. It only cost a one off $25 for the pro version. Support the developer and buy a pro version. ![](https://secure.gravatar.com/avatar/7bc7d42f685c1250da981f18b04dc7dfc64ddfd6e6ed76143d9c5c3a27bcf6ac? s=60&d=retro&r=g) ### 󠀁[Great plugin, does the job!](https://wordpress.org/support/topic/great-plugin-does-the-job-24/)󠁿 [rskcom](https://profiles.wordpress.org/rskcom/) 2025 年 2 月 28 日 The developper was very helpful and quick adding a function. ![](https://secure.gravatar.com/avatar/406f6c121a65d727acf8851a392ee76a36eab80d952232042a27360eca6b6d09? s=60&d=retro&r=g) ### 󠀁[Amazing – Thank You!](https://wordpress.org/support/topic/amazing-thank-you-20/)󠁿 [semperaye](https://profiles.wordpress.org/semperaye/) 2025 年 2 月 18 日 This plugin is AMAZING, thank you for creating it :)The only thing is that it doesn't work with conditional fields, but it's totally fine! ![](https://secure.gravatar.com/avatar/289e7716f1f520b2cae47e83938125253e0929bdd66daf4fcd7fe4944beb60d4? s=60&d=retro&r=g) ### 󠀁[Great Support with plugin](https://wordpress.org/support/topic/great-support-with-plugin-2/)󠁿 [saqibrajpoot922](https://profiles.wordpress.org/saqibrajpoot922/) 2025 年 2 月 17 日 It was really a great experience with plugin support. The plugin feature also very good. Highly recommended! ![](https://secure.gravatar.com/avatar/f7fc9c8ab37e41c8816d5f42b3b3110875266afb51a22bf1c2c48a47130e901d? s=60&d=retro&r=g) ### 󠀁[Great plugin, does what it says it will!](https://wordpress.org/support/topic/great-plugin-does-what-it-says-it-will-2/)󠁿 [Japh](https://profiles.wordpress.org/japh/) 2024 年 11 月 16 日 I used the free version for a little while, and decided to upgrade to premium for the additional functionality. It was also easy to code up a little modification of my own to further customise it. Great plugin! [ 阅读所有13条评价 ](https://wordpress.org/support/plugin/autocomplete-location-field-contact-form-7/reviews/) ## 贡献者及开发者 「Autocomplete Location Field for Contact Form 7」是开源软件。 以下人员对此插件做出 了贡献。 贡献者 * [ theme funda ](https://profiles.wordpress.org/gravitymaster97/) [帮助将「Autocomplete Location Field for Contact Form 7」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/autocomplete-location-field-contact-form-7) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/autocomplete-location-field-contact-form-7/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/autocomplete-location-field-contact-form-7/)， 或通过[RSS](https://plugins.trac.wordpress.org/log/autocomplete-location-field-contact-form-7/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/autocomplete-location-field-contact-form-7/)。 ## 更新日志 #### 4.0 * Compatibility update for WordPress 6.9.1 * Performance improvements and code optimizations #### 1.0.0 * Initial release * Google Places Autocomplete integration * Contact Form 7 custom tag support ## 额外信息 * 版本 **10.0** * 最后更新：**3 月前** * 活跃安装数量 **1,000+** * WordPress 版本 ** 5.8 或更高版本 ** * 已测试的最高版本为 **7.0.7** * PHP 版本 ** 7.2 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/autocomplete-location-field-contact-form-7/) * 标签 * [autocomplete](https://cn.wordpress.org/plugins/tags/autocomplete/)[contact form 7](https://cn.wordpress.org/plugins/tags/contact-form-7/) [contact form 7 addon](https://cn.wordpress.org/plugins/tags/contact-form-7-addon/) [google address autocomplete](https://cn.wordpress.org/plugins/tags/google-address-autocomplete/) [map](https://cn.wordpress.org/plugins/tags/map/) * [高级视图](https://cn.wordpress.org/plugins/autocomplete-location-field-contact-form-7/advanced/) ## 评级 5 星（最高 5 星）。 * [ 13 条 5 星评价 ](https://wordpress.org/support/plugin/autocomplete-location-field-contact-form-7/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/autocomplete-location-field-contact-form-7/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/autocomplete-location-field-contact-form-7/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/autocomplete-location-field-contact-form-7/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/autocomplete-location-field-contact-form-7/reviews/?filter=1) [您的评价](https://wordpress.org/support/plugin/autocomplete-location-field-contact-form-7/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/autocomplete-location-field-contact-form-7/reviews/) ## 贡献者 * [ theme funda ](https://profiles.wordpress.org/gravitymaster97/) ## 支持 最近两个月解决的问题： 总计 1，已解决 0 [查看支持论坛](https://wordpress.org/support/plugin/autocomplete-location-field-contact-form-7/)