您当前的位置:首页 > 电脑百科 > 程序开发 > 开源程序 > WordPress

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

时间:2023-04-01 15:43:10  来源:  作者:六翼开源建站

使用 wordPress/ target=_blank class=infotextkey>WordPress 插件,您想将地图添加到您的联系表(如谷歌地图)吗?通过查看联系表旁边的地图,您的用户将更清楚地了解他们的位置。在这里,我们将演示如何显示带有地图的WordPress联系表单。

如何将地图添加到联系人表单

使用WordPress 插件,您可以将联系表单地图添加到您的网站。就是这样:

# Step 1. 首先需要下载并安装WPForms插件

安装和激活 WPForms 插件应该是您的第一步。以下指南将解释如何操作。

要访问 Geolocation 插件,您需要 WPForms Pro。

# 步骤 2. 启用地理定位插件

激活插件后,可以在WPForms » Addons中找到 Geolocation Addon 。单击激活按钮激活它。

地理定位插件包含两个很棒的功能:

1. 表单输入地理位置:使用此信息,您可以根据表单用户的来源更好地划分您的电子邮件列表。

2. 地址自动完成:您网站的地址字段可以在用户输入时自动显示他们的地址。

# 第 3 步。将自定义地理位置添加到 Geolocation Addon

激活 Geolocation 附加组件后,您需要对其进行配置和自定义。

转到WPForms »设置并单击地理位置。

在 Places Provider 部分,您需要选择要从中检索您的地理位置信息的提供商。

一旦您在 Geolocation 附加设置中填写了您的位置提供商设置,您现在就可以创建联系表单地图了。

# 步骤 4. 创建联系表

让我们现在用地图创建您的联系表。只需几分钟即可完成。

使用WPForms 表单生成器,您可以通过单击添加新按钮开始创建新表单。

表单名称现在允许您输入表单的名称。让我们使用“联系我们”选项。

单击表单名称旁边的链接,选择您要使用的模板。我们将很快创建一个带有地图的简单表单。

您现在将看到以下标准字段填充在您的简单联系表单模板上:

>>(名字,姓氏)

>>通过电子邮件联系我们

>>给我们留言或评论

除了表单设置之外,您可能还需要配置通知和确认。

您可以通过添加新字段在表单上启用“显示地图”选项。

# 步骤 5. 启用地图显示

加载表单时,您会看到可以添加到其中的所有字段。

为了让您的表单显示地图选项,您需要添加地址单行字段。

让我们使用单行文本字段在一行中显示地址。

通过单击该字段的名称,您可以将其添加到您的表单中,或者您可以将其从左侧面板拖放到右侧表单中。

在“字段选项”选项卡上单击“单行文本”字段的“高级选项” 。

现在有几个选项,因此向下滚动以找到“启用地址自动完成”,然后选择“显示地图”。

默认情况下,地图显示在字段上方,但您可以根据需要选择将它们放在下方。通过单击将下拉列表切换到下方字段。

作为最后一步,我们将此字段重命名为“地址”,这样您的用户在填写表单时就不会看到“单行文本”。

然后在“表单选项”面板中编辑标签以显示“地址”。

对表单满意后,单击右上角的保存。

该表格已准备就绪。

# Step 6. 发布你的form map

您准备好发布带有地图的联系表了吗?使用您的 WPForms Pro 插件,将您的表单嵌入您的网站非常容易。

一旦按照您想要的方式配置并保存,您现在可以嵌入您的表单。只需查找表单右上角的“嵌入”按钮即可。

可以在此处选择任何现有页面或新页面。

首先,单击创建新页面。

点击我们开始吧!开始命名您的页面!

就是这样。WordPress 会自动将地图添加到您的联系表中。

您现在终于可以通过单击“发布”(如果您使用的是现有页面,则进行更新)在线发布您的表单。

伟大的!现在您的联系表上有一张地图。

下面是它的外观的直观表示:

现在你完成了!

使用 WordPress 插件,您可以快速轻松地创建联系表单地图。

结论

希望本文已经告诉您使用插件将联系人表单映射添加到您的 WordPress 网站是多么容易(和有益)



Tags:WordPress   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
TXT文章导入WordPress的5个方法
WordPress作为最受欢迎的开源博客平台之一,强大的可扩展性和友好的用户界面使其备受欢迎。对于一些用户而言,将纯文本文件(txt)导入到WordPress中可能是一个挑战。本文将深入探...【详细内容】
2023-12-19  Search: WordPress  点击:(99)  评论:(0)  加入收藏
如何将 WordPress 类别转换为自定义分类法
您想将您的 WordPress 类别转换为自定义分类法吗?类别是帮助您对内容进行排序的两个默认分类法之一。WordPress 还允许您创建和使用自定义分类法。在本文中,我们将向您展示如...【详细内容】
2023-12-08  Search: WordPress  点击:(92)  评论:(0)  加入收藏
为什么WordPress网站需要SSL证书?
WordPress是目前最受欢迎和广泛使用的内容管理系统,因其易用性和灵活性而备受欢迎。然而,在当前的数字化环境中,网站的安全性也变得越来越重要。为了提供安全的访问和保护用户...【详细内容】
2023-12-07  Search: WordPress  点击:(138)  评论:(0)  加入收藏
如何在 WordPress 中重新发送新用户欢迎电子邮件
您想向您的 WordPress 用户重新发送欢迎电子邮件吗?欢迎电子邮件有助于与新用户建立信任,并确保人们记住您的网站和业务。但是,您的欢迎电子邮件有时可能会进入垃圾邮件文件夹,...【详细内容】
2023-11-24  Search: WordPress  点击:(129)  评论:(0)  加入收藏
在WordPress中添加联系表单弹出窗口
您是否正在寻找一种在WordPress网站上显示联系表单弹出窗口的简单方法?联系表格非常适合与访问者交流。将它们放在弹出窗口中可以让您的客户更轻松地就您的产品和服务与您联...【详细内容】
2023-09-07  Search: WordPress  点击:(293)  评论:(0)  加入收藏
如何在WordPress中将经典块批量转换为古腾堡
您想使用经典块将旧内容批量转换为WordPress中的古腾堡(块)格式吗?更新到WordPress 5.0以上的任何版本后,您的旧帖子和页面内容将显示在新的WordPress内容编辑器的经典块中。如...【详细内容】
2023-09-06  Search: WordPress  点击:(252)  评论:(0)  加入收藏
如何使用WordPress在新窗口或选项卡中打开外部链接
您想在新的浏览器窗口或选项卡中打开博客文章中的外部链接吗?在新窗口中打开外部链接可让您的用户在不离开您的网站的情况下访问该链接。这会导致更高的用户参与度,因为他们在...【详细内容】
2023-09-06  Search: WordPress  点击:(213)  评论:(0)  加入收藏
如何创建自定义WordPress搜索表单
您想为您的WordPress网站创建自定义搜索表单吗?搜索是大多数用户在您的网站上找到相关且有趣的内容的方式。如果他们无法轻松找到所需的内容,那么他们可能会转到其他网站。在...【详细内容】
2023-09-05  Search: WordPress  点击:(326)  评论:(0)  加入收藏
如何在WordPress中添加音频音乐播放器小部件
您想在WordPress中添加音频音乐播放器小部件吗?音乐播放器是与观众分享歌曲、播客、采访和其他音频文件的好方法。这有助于在您的网站上创建更有趣和引人入胜的体验。在本文...【详细内容】
2023-09-04  Search: WordPress  点击:(364)  评论:(0)  加入收藏
如何修复WordPress中的严重错误
您是否在WordPress网站上看到严重错误?WordPress有时可能会显示一条错误消息,指出“此网站上存在严重错误。请查看您的网站管理员电子邮件收件箱以获取说明。它还将包括指向Wo...【详细内容】
2023-08-31  Search: WordPress  点击:(219)  评论:(0)  加入收藏
▌简易百科推荐
Elementor使用教程:初学者指南,从入门到精通
如果你正在寻找一篇全面的Elementor使用教程,那么你来对了地方。这篇教程将引导你通过Elementor的拖放界面,一步步构建出自己的外贸网站,无需任何编程知识。什么是Elementor编...【详细内容】
2024-03-12  郑州白帽子网络科技    Tags:Elementor   点击:(20)  评论:(0)  加入收藏
TXT文章导入WordPress的5个方法
WordPress作为最受欢迎的开源博客平台之一,强大的可扩展性和友好的用户界面使其备受欢迎。对于一些用户而言,将纯文本文件(txt)导入到WordPress中可能是一个挑战。本文将深入探...【详细内容】
2023-12-19  肿浮宠物    Tags:WordPress   点击:(99)  评论:(0)  加入收藏
如何将 WordPress 类别转换为自定义分类法
您想将您的 WordPress 类别转换为自定义分类法吗?类别是帮助您对内容进行排序的两个默认分类法之一。WordPress 还允许您创建和使用自定义分类法。在本文中,我们将向您展示如...【详细内容】
2023-12-08  六翼开源建站    Tags:WordPress   点击:(92)  评论:(0)  加入收藏
为什么WordPress网站需要SSL证书?
WordPress是目前最受欢迎和广泛使用的内容管理系统,因其易用性和灵活性而备受欢迎。然而,在当前的数字化环境中,网站的安全性也变得越来越重要。为了提供安全的访问和保护用户...【详细内容】
2023-12-07  安信SSL证书    Tags:WordPress   点击:(138)  评论:(0)  加入收藏
如何在 WordPress 中重新发送新用户欢迎电子邮件
您想向您的 WordPress 用户重新发送欢迎电子邮件吗?欢迎电子邮件有助于与新用户建立信任,并确保人们记住您的网站和业务。但是,您的欢迎电子邮件有时可能会进入垃圾邮件文件夹,...【详细内容】
2023-11-24  六翼开源建站    Tags:WordPress   点击:(129)  评论:(0)  加入收藏
在WordPress中添加联系表单弹出窗口
您是否正在寻找一种在WordPress网站上显示联系表单弹出窗口的简单方法?联系表格非常适合与访问者交流。将它们放在弹出窗口中可以让您的客户更轻松地就您的产品和服务与您联...【详细内容】
2023-09-07  六翼开源建站    Tags:WordPress   点击:(293)  评论:(0)  加入收藏
如何在WordPress中将经典块批量转换为古腾堡
您想使用经典块将旧内容批量转换为WordPress中的古腾堡(块)格式吗?更新到WordPress 5.0以上的任何版本后,您的旧帖子和页面内容将显示在新的WordPress内容编辑器的经典块中。如...【详细内容】
2023-09-06  六翼开源建站    Tags:WordPress   点击:(252)  评论:(0)  加入收藏
如何使用WordPress在新窗口或选项卡中打开外部链接
您想在新的浏览器窗口或选项卡中打开博客文章中的外部链接吗?在新窗口中打开外部链接可让您的用户在不离开您的网站的情况下访问该链接。这会导致更高的用户参与度,因为他们在...【详细内容】
2023-09-06  六翼开源建站    Tags:WordPress   点击:(213)  评论:(0)  加入收藏
如何创建自定义WordPress搜索表单
您想为您的WordPress网站创建自定义搜索表单吗?搜索是大多数用户在您的网站上找到相关且有趣的内容的方式。如果他们无法轻松找到所需的内容,那么他们可能会转到其他网站。在...【详细内容】
2023-09-05  六翼开源建站    Tags:WordPress   点击:(326)  评论:(0)  加入收藏
如何在WordPress中添加音频音乐播放器小部件
您想在WordPress中添加音频音乐播放器小部件吗?音乐播放器是与观众分享歌曲、播客、采访和其他音频文件的好方法。这有助于在您的网站上创建更有趣和引人入胜的体验。在本文...【详细内容】
2023-09-04  六翼开源建站    Tags:WordPress   点击:(364)  评论:(0)  加入收藏
站内最新
站内热门
站内头条