如何将国家下拉列表添加到您的 WordPress 表单(简单方法)

已发表: 2020-09-18

您想在表单中添加国家/地区下拉列表吗? 在您的表单中列出一个列表将帮助您的访问者在填写您的表单时快速选择他们的国家。

在本文中,我们将向您展示如何将国家/地区添加到 WordPress 的下拉列表中。 这是一种非常简单的方法,不需要编码,您也不必查找要复制和粘贴的国家/地区列表。

立即创建您的 WordPress 表单

如何在 WordPress 中获取国家/地区列表

WPForms 附带一个预设的国家/地区列表,您可以将其添加到任何 WordPress 表单中。

您可以使用预设一键快速将整个列表添加到您的表单中。 从那里,您还可以自定义列表,以便按照您想要的方式对国家/地区进行格式化和拼写。

我们将在下面的教程中引导您完成所有这些。

WPForms 是最好的 WordPress Form Builder 插件。 免费获取!

WPForms 插件是 WordPress 最好的联系表单插件。 国家/地区列表只是您可以使用的预设之一。

它还具有方便的预设:

  • 美国各州
  • 国家邮政编码
  • 州邮政编码
  • 一年中的几个月
  • 一周中的日子

当您制作表格时,这些将为您节省大量时间。

继续阅读以了解如何轻松快速地将预先填充的国家/地区列表添加到任何表单中。

如何将国家下拉列表添加到您的 WordPress 表单

本教程只有 3 个步骤。 如果您想自定义列表,我们还将向您展示一个可选步骤。

以下是我们将要完成的步骤:

  1. 安装 WPForms 插件
  2. 将国家下拉列表添加到您的表单中
  3. 自定义下拉列表中的国家/地区(可选)
  4. 在您的网站上发布您的表单

让我们从设置 WPForms 插件开始。

第 1 步:安装 WPForms 插件

首先,安装并激活 WPForms 插件。

如果您需要一些帮助,请阅读有关如何在 WordPress 中安装插件的简单指南。

您还需要一个准备好的表单,您可以在我们逐步完成教程时对其进行编辑。 您现在可以快速创建一个简单的联系表单,或编辑现有表单。

准备好表格后,让我们继续。

第 2 步:在表单中添加国家下拉列表

现在我们准备将国家列表添加到表单中。

在 WordPress 仪表板中,单击WPForms » All Forms 。 将鼠标悬停在要将下拉列表添加到的表单上,然后点击编辑

编辑联系表单链接

现在我们在表单构建器中。 继续并将下拉字段从左侧窗格拖到右侧窗格中。

单击下拉菜单以打开设置。 我们将在此处使用批量添加工具添加国家/地区。

将国家下拉列表添加到表单

让我们把它分解一下。

首先,打开下拉设置,您需要单击批量添加链接。

批量添加国家到国家下拉列表

在下方,单击“显示预设”以打开 WPForms 中所有预设的列表。

显示下拉列表的 WPForms 国家/地区预设

继续并单击“国家/地区”将完整的国家/地区列表加载到表单构建器中。

将国家添加到您的 WordPress 下拉列表

最后,单击添加新选项将所有国家/地区添加为下拉列表中的新选项。

向国家/地区下拉列表添加新选项

伟大的! 我们有一个几乎可以使用的国家/地区下拉列表。 现在还有 3 个小的调整要做。

首先,让我们去掉称为First ChoiceSecond ChoiceThird Choice的 3 个默认选项。 一项一项,单击这些项目旁边的减号图标将其删除。

删除国家下拉列表中的默认值

如果需要,您可以使用相同的方法从列表中删除国家/地区。

现在我们应该更改字段上的标签。 让我们删除Dropdown并将其更改为Please select your country

编辑国家下拉列表标签

还有一件事。 再次向下滚动并单击高级选项。 在这里选择现代风格而不是经典风格。

选择现代国家下拉列表样式

为什么要使用现代风格?

  • 搜索列表很容易,当您有大量选择时,这真的很有帮助。
  • 访问者可以通过单击X轻松更改他们的选择。 我们将在本教程结束时向您展示这是如何工作的。

如果您只需要这些,就可以发布表单了。 您可以跳到第 4 步以了解如何执行此操作。

如果您想自定义列表,请继续阅读。

第 3 步:(可选)自定义下拉列表中的国家/地区名称

现在您已将所有国家/地区添加到下拉列表中,您可能希望自定义它们的设置方式。

您可以做两件事来调整列表。

首先,您可以通过编辑表单构建器中的选项来更改国家/地区名称的格式。

例如,您可能希望将“大不列颠及北爱尔兰联合王国”更改为“联合王国”。

只需编辑文本即可:

在下拉列表中重命名国家

其次,不要忘记您可以上下拖动答案选项。 这意味着您可以将最常见的选项放在列表顶部,以便更容易找到它们。

要移动列表中的任何选项,只需单击并按住带有 3 行的图标并拖动它。 在这里,我们将加拿大和美国移至顶部:

在国家下拉列表中拖动条目

伟大的! 现在,您的国家/地区下拉列表将完全符合您的要求。 我们现在需要做的就是发布它。

在继续之前单击保存

第 4 步:发布您的表单

现在你的下拉菜单已经设置好了,是时候发布你的表单了。 直接从表单构建器创建一个新页面真的很容易。

要使用嵌入向导,首先单击表单构建器顶部的嵌入

单击按钮嵌入您的国家/地区下拉列表

让我们点击创建新页面

为您的表单创建一个新页面

在弹出窗口中,输入页面名称,然后单击Let's Go

国家下拉列表 WordPress 页面名称

现在通过单击顶部的蓝色发布按钮发布页面。

使用 WordPress 中的国家/地区下拉列表发布您的表单

现在您可以看到您发布的下拉列表。

您可以看到我们重新排序的国家/地区位于顶部:

从 WordPress 下拉列表中选择国家

我们还可以搜索一个国家来轻松找到它:

在下拉列表中搜索国家

如果我们点击了错误的国家,我们可以点击X再次搜索:

单击现代国家下拉列表中的 X

对于像国家下拉列表这样很长的列表,这些额外的小功能非常有用,可以让您的国家下拉列表更容易使用。

如果您想了解更多快速创建下拉菜单的方法,请查看本指南,为您的表单添加动态字段选项。

就是这样! 现在,您的 WordPress 表单上有一个国家/地区下拉列表,可供访问者使用。

如果您有兴趣使您的表单与您所在地区更相关,您还可以使用 WordPress 插件添加联系表单地图。

立即创建您的 WordPress 表单

下一个提示:自动获取访问者的位置

您知道 WPForms 可以自动在地图上显示访问者的位置吗?

您可以一键激活所有表单上的地理定位。 查看本指南,了解如何使用 WordPress 表单提交跟踪用户位置以进行设置。

我们还为 WordPress 编制了一份最佳地理定位插件列表。

准备好构建您的表单了吗? 立即开始使用最简单的 WordPress 表单构建器插件。 WPForms Pro 包括所有 Fancy Fields,并提供 14 天退款保证。

如果本文对您有所帮助,请在 Facebook 和 Twitter 上关注我们,以获取更多免费的 WordPress 教程和指南。