如何使用wordpress表单插件WPForm传递参数丨通过网址接收参数

如果你正在学习使用WPForm插件，可以先阅读一下文章：

通过翻阅文档，我觉得很有必要详细的说明一下这个“单行文本字段”的使用方法，因为它真的是太强大了！除了上篇文章设置的传递“文章标题”等变量，它还可以通过网址接收参数！

主要应用：可以设置链接，将信息发送到一个字段，这样用户在填写表格时就可以省去一个步骤。

本教程将向您展示如何利用查询字符串自动填写表单中的字段。

为了方便新手使用，教程还是一步一步来，主要为一下步骤：

1. 简单解释说明什么是查询字符串
2. 创建一个新表单
3. 添加单行文本字段，并开启智能标签中的“接收字符串功能”
4. 发布表单
5.  如何使用查询字符串来组合链接，传递参数。

 

什么是查询字符串？

查询字符串是 URL（网址） 的一部分，用于传递或检索信息。例如，在某些网站上，查询字符串用于搜索文章或产品。

如果你注意到一个 URL 中间有一个问号，那么你就看到了查询字符串的作用。带有查询字符串的 URL 看起来是这样的：

http://example.com/plugin?name=wpforms

在本例中，我们将向你展示如何使用查询字符串在表单字段中插入特定的单词或短语。

为此，我们将创建一个特殊链接，如果用户想了解有关 “活动和聚会 “的更多信息，可以点击该链接。该链接的 URL 将把用户带入我们的 “索取更多信息 “表单。我们创建的查询字符串将自动在 “我想了解：”字段中填写 “活动和聚会”。

开始创建一个新表单

安装WPForm插件，直接在插件市场搜索即可：

打开WPForms，点击新建表单：

然后我们将进入新建表单独立页面，这里就会显示出拖拽式编辑器以及可用的字段元素，免费版本与PRO版本所显示的字段元素不同，我这里是PRO版本显示，所以会多一些：

拖拽完成后，通过点击字段，可以编辑字段属性，完成对字段的逻辑操作，比如是否必填（*），字段长度等，可以满足基本的条件限定：

每个字段都有属于自己的字段属性编辑，我们可以根据需要选择填写就好了，不过一些占位符，字符限定，能做好还是做好，可以避免不少垃圾提交，为了方便演示，就制作以下一个简单但是很好看的询盘表单，只为演示该字段的传递参数的功能：

 

直接新建一个表单，选择使用简单模版，我们删除最下的默认文本框，然后直接加上一个单行文本框，并打开高级，使用智能标签中的查询字符串变量（ Query String Variable）

 

选择后，你会发现 {query_var key=””} 已添加到默认值框中。在这些空引号之间，你需要添加一个名称（称为 key）来表示这个字段。这个键稍后将在我们的查询字符串中使用。

我们将给字段设置一个名为 “contact-reason “的键。需要注意的是，您为该键使用的名称将在我们稍后设置的 URL 中显示，因此该名称应符合键的用途（这只是一个命名规则，方便看明白，其实叫什么都无所谓）。此外，请确保您的键不包含任何空格–用破折号”-“或下划线”_”代替空格。

最后我们保存一下表单，这个简单的表单就生成完毕了。

如何使用表单

新建一个页面，比如还是以contact us 为例：

现在表单已嵌入页面，您可以在网站前端发布和访问表单。

如何使用查询字符串创建链接

接下来，您需要创建另一个新页面或编辑现有页面，在其中添加一个指向该表单的链接，通常情况下，我们会使用菜单或者按钮来指向这个链接。

以铬元素工作室博客为例，我们的表单位于联系页面上，因此标准链接应为：https://www.52gys.cn/contact.

在新页面上，我们将添加一些文本，并将 “活动和聚会 “文本链接到表单所在的页面 (https://www.52gys.cn/contact)。

好了，该链接只会打开 “联系 “页面。接下来，我们将修改该链接，使其包含一个查询字符串。修改后的链接不仅会打开联系页面，还会传递一个查询字符串，自动填充表单中的单行文本字段：

https://www.52gys.cn/contact?contact-reason=EventsandParties

注意我加重的地方，就是查询字符串，我们可以将任何需要传递的参数以?形式拼接在指定跳转网址的后边，多个字符串可以使用&进行链接。

现在我们点击使用拼接后的链接再次打开表单页面：

发现，要传递的查询字符串参数已经自动填充到所设置的单行文本表格了！

还有一个需要注意的地方，如果需要传递的文本中间有空格，我们只需要使用%20来代替空格即可。

你学会了吗？