为什么要在联系表单中嵌入谷歌地图?
当您创建WordPress网站时,您可能添加了一个联系表单,以便访问者可以轻松联系您。 如果您的业务有实体店,您可能还添加了您所在位置的谷歌地图,以鼓励人们光顾您的店面。 许多企业主不知道,您可以使用地理定位自动填写联系表单上的地址字段,并在地图上显示用户的位置。 这提高了整体用户体验,减少了表单放弃。
了解用户的位置还可以让您使用地理定位定位显示个性化内容,提高转化率。 让我们来看看如何在联系表单中嵌入谷歌地图。
如何在联系表单中嵌入谷歌地图
在这个教程中,我们将使用WPForms,这是WordPress最好的联系表单插件。 它让您可以轻松地通过简单的拖放表单构建器创建任何类型的表单。 WPForms有一个免费版本,包含创建基本联系表单所需的所有功能。 在本教程中,我们将使用WPForms Pro,因为它包含谷歌地图插件。
首先,您需要安装和激活WPForms插件。 激活后,您需要访问WPForms » 设置页面输入您的许可证密钥。 接下来,您需要导航到WPForms » 附加组件并找到地理定位附加组件。 安装附加组件并配置设置,在WPForms设置中选择谷歌地点API,填入您的谷歌API密钥,然后在表单中启用地址自动补全和地图显示。
生成谷歌Places API密钥
您可以通过访问谷歌云控制台网站获取谷歌Places API密钥。选择项目,启用Places API、Maps JavaScript API和Geocoding API,创建并且限制API密钥,确保只有您的网站可以使用并且只和特定的谷歌API一起工作的密钥。
将谷歌API密钥添加到WPForms设置
返回到您的WPForms » 设置 » 地理定位页面,并将密钥粘贴到谷歌Places API字段中,然后单击‘保存设置’按钮。
创建带嵌入谷歌地图的联系表单
配置好WPForms和谷歌Places后,开始创建联系表单。 添加一个单行文本字段并启用地址自动补全和地图显示选项。在您网站上添加联系表单页面并发布。
在联系表单中查看谷歌地图
当用户访问您的联系表单时,他们会被询问是否允许您的网站访问他们的位置。 这将自动填充地址字段并在地图上添加他们位置的标记。 用户可以输入新地址或拖动地图上的标记。
如何查看表单中的用户位置信息
当用户填写表单时,WPForms会记录下他们的位置,帮助您找到更好的线索。您可以在WPForms » 条目中查看每个用户的表单提交记录。