最近，我们的一个用户问我们如何在WordPress表单中为地址字段添加自动完成。自动补全允许用户在输入时从实时生成的建议中快速选择地址。在本文中，我们将向您展示如何使用Google Places API在WordPress中为地址字段添加自动完成功能。
视频教程
如果您不喜欢视频或需要更多说明，请继续阅读。
你需要做的第一件事是安装并激活地址自动完成使用谷歌的地方Api插件。有关更多细节，请参阅我们关于如何安装WordPress插件的一步一步指南。
激活后，您需要访问设置»谷歌自动完成页面配置插件设置。
您将被要求输入Google Places API Key。这个API密钥允许您的网站与谷歌地图连接，并从他们的数据库实时检索自动完成的建议。
转到Google Developer Console网站并创建一个新项目。
将出现一个弹出窗口，要求您为您的项目提供一个名称。使用一个可以帮助您以后识别项目的名称，然后单击create按钮。
弹出将消失，等待几秒钟，您将自动重定向到您的新项目。
现在您将看到可以为您的项目启用的流行Google api列表。你需要定位并点击‘Google Places API Web Service’
这将带你到一个概述页面，解释这个API是如何工作的。您需要单击Enable链接才能继续。
开发者控制台现在将为您的项目启用Google Places API。
但是，您仍然需要凭据才能在您的网站上使用API。因此，请继续单击create credentials按钮继续。
在下一个屏幕上，您需要点击‘按钮。
开发控制台现在将显示API密钥。你需要复制这个键并粘贴到你的WordPress网站的插件设置下。
你仍然需要在你的Google Developers项目上启用另一个API。点击Google Developer Console中的库，然后点击Google Maps JavaScript API’
这将带您进入API’的概述页面，您需要单击‘启用’链接继续。
这个API不需要额外的API密钥，所以现在可以开始了。
在WordPress表单字段中启用自动完成地址
您可以为任何WordPress表单生成器插件创建的任何表单字段添加自动完成地址功能。
我们将在本教程中使用WPForms。然而，无论你使用什么联系表单插件，这些说明都是有效的。
首先，您需要创建一个具有地址字段或一组地址字段的表单。
完成后，将此表单添加到您的网站，就像您通常做的那样。
接下来，转到添加表单的帖子或页面。你需要右键点击地址栏，然后选择‘Inspect’从浏览器菜单。
您将看到地址字段的名称，ID和CSS类值。
例如，在这个截图中，我们的表单’的名称值是wpforms[fields][9][address1]， ID值是wpforms-352-field_9， css类是wpforms-field-address-address1。
你只需要复制其中一个值并粘贴到插件设置页面。
如果您想要针对多个表单中的多个字段，那么您可以添加一个逗号并添加另一个值。
不要忘记点击保存按钮来保存您的更改。
就这样，您现在可以访问表单页面并尝试输入地址了。表单字段将自动开始显示使用谷歌位置和谷歌地图的建议。
我们希望这篇文章能帮助你学习如何在WordPress中为地址字段添加自动完成功能。你可能也想看看我们列出的24个商业网站必须拥有的WordPress插件。
和
RSS