当前位置: 首页 > Web前端 > HTML

如何使用WordPress插件在联系表单上添加地图

时间:2023-03-28 16:33:21 HTML

您想使用WordPress插件将地图添加到您的联系表单(如谷歌地图)吗?通过查看联系表旁边的地图,您的用户将更好地了解他们的位置。在这里,我们将演示如何显示带有地图的WordPress联系表单。如何将地图添加到联系人表单使用WordPress插件,您可以将联系人表单地图添加到您的网站。就是这样:第1步。您首先需要下载并安装WPForms插件安装并激活WPForms插件应该是您的第一步。以下指南将解释如何操作。要访问Geolocation插件,您需要WPFormsPro。步骤2.启用GeolocationAddon激活插件后,可以在WPForms?Addons中找到GeolocationAddon。单击激活按钮将其激活。Geolocation插件包括两个重要功能:1.表单输入地理定位:使用此信息,您可以根据表单用户的来源更好地划分您的电子邮件列表。2.地址自动完成:您站点的地址字段可以在用户键入时自动显示地址。第3步。将自定义地理位置添加到地理位置插件激活地理位置插件后,您需要对其进行配置和自定义。转到WPForms?设置并单击地理位置。在PlacesProvider部分,您需要选择从中检索您的位置信息的提供商。在Geolocation附加组件中填写位置提供程序设置后,您现在可以创建联系表单地图。第4步。创建联系表现在让我们创建带有地图的联系表。只需几分钟即可完成。使用WPForms表单构建器,您可以通过单击添加新按钮开始创建新表单。表单名称现在允许您输入表单的名称。让我们使用“联系我们”选项。单击表单名称旁边的链接以选择您要使用的模板。我们将很快创建一个带有地图的简单表单。您现在将看到以下标准字段填充在您的简单联系表单模板上:>>(名字,姓氏)>>通过电子邮件联系我们>>给我们留言或评论除了表单设置外,您可能还需要配置通知和确认。您可以通过添加新字段在表单上启用“显示地图”选项。第5步。启用地图显示当您加载表单时,您将看到可以添加到其中的所有字段。为了让您的表单显示地图选项,您需要添加地址或单行字段。让我们使用单行文本字段在一行中显示地址。通过单击字段名称,您可以将其添加到您的表单中,或者您可以将其从左侧面板拖放到右侧表单中。单击字段选项选项卡上单行文本字段的高级选项。现在有几个选项,所以向下滚动找到“启用地址自动完成”并选择“显示地图”。默认情况下,地图显示在字段上方,但您可以根据需要选择将它们放在下方。单击以将下拉列表切换到下面的字段。作为最后一步,我们将此字段重命名为“地址”,这样您的用户在填写表单时就不会看到“单行文本”。然后在“表单选项”面板中编辑标签以显示地址。对表单满意后,单击右上角的保存。表格已准备就绪。第6步。发布您的表单地图您准备好发布带有地图的联系表单了吗?使用WPFormsPro插件将表单嵌入网站非常简单。按照您想要的方式配置并保存后,您现在可以嵌入表单。只需查找表单右上角的“嵌入”按钮即可。可以在此处选择任何现有页面或新页面。首先,单击创建新页面。点击让我们开始吧!开始命名您的页面!就是这样。WordPress会自动将地图添加到您的联系表中。您现在终于可以通过单击“发布”在线发布您的表单(如果您使用的是现有页面,则可以更新)。伟大的!现在您的联系表上有一张地图。这是它的外观的直观表示:现在你完成了!使用WordPress插件,您可以快速轻松地创建联系人表单地图。结论希望本文向您展示了使用插件将联系表单映射添加到您的WordPress站点是多么容易(和有益)。