如何在联系表单中嵌入谷歌地图(含地图标记)

12/02/2024

为什么要在联系表单中嵌入谷歌地图?

当您创建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 » 条目中查看每个用户的表单提交记录。



Related Posts

  • 2025-01-31
  • WordPress 插件

通知评论者他们的评论已获批准是在您的网站上鼓励对话的简单而有效的方法。然而,WordPress 默认情况下不会在评论发布时通知用户,这可能导致他们对评论的状态感到困惑。有许多网站拥有者问我们如何解决此问题,因此我们编写了这篇指南来帮助您!在这篇文章中,我们将展示如何轻松通知用户他们的评论已在 WordPress 中被批准,以保持互动积极并吸引更多观众参与。

閱讀更多
  • 2025-01-31
  • WordPress 插件

想知道我们在 WPressize Me 如何通过添加标题属性和 nofollow 标签来改善用户体验和SEO吗?默认的 WordPress 编辑器并不容易提供这些选项。本文将为您简要介绍如何在 WordPress 的插入链接弹出窗口中为链接添加标题和 nofollow 属性选项,以便简化工作流程和提升您的SEO努力。

閱讀更多
  • 2025-01-28
  • WordPress 插件

你是否想在你的WordPress网站上启用Imagick?大多数情况,WordPress会自动使用Imagick来管理所有网站的图像。然而,通过调整默认的Imagick设置,你可以提高网站性能或向访客展示更高质量的图像。在本文中,我们将展示如何在你的WordPress网站上启用Imagick,并自定义其设置以改善访客体验。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>