CF7 重定向到 URL

当使用 Contact Form 7 插件时，有时需要将用户提交的表单数据重定向到一个特定的 URL。这个过程可以通过 CF7 自带的 on_sent_ok 功能实现。下面是实现这个功能的步骤。

步骤 1：添加一个隐藏的空字段

要找到 CF7 表单中所有需要提交的字段，并添加一个隐藏的空字段。这个隐藏的字段将被用于重定向到指定的 URL。

[hidden redirect_to "http://example.com/thank-you/"]

在这个示例中，“redirect_to”是我们设置的名称，“http://example.com/thank-you/”是重定向到的 URL。

步骤 2：添加 on_sent_ok 功能

下一步是在 CF7 表单上添加一个 on_sent_ok 功能，并将其指向第一步中设置的隐藏字段。这里是示例代码：

on_sent_ok: "location.replace('[redirect_to]');"

在这个例子中，“on_sent_ok”是 CF7 自带的功能，在表单成功提交时执行。使用 location.replace 方法将页面重定向到设置的 URL。

完整的示例

下面是一个完整的 CF7 表单，该表单将在提交时将用户重定向到设置的 URL：

[contact-form-7 id="123" title="My Form"]
[hidden redirect_to "http://example.com/thank-you/"]
on_sent_ok: "location.replace('[redirect_to]');"

结论

现在你已经知道如何使用 Contact Form 7 插件将表单数据重定向到指定的 URL。如果你需要帮助来设置这个功能或其他 WordPress 相关的问题，请随时与我们联系。