WP Contact Form 7 - 在单独的页面上显示 [your-name] 字段

Question

我真的希望有人能提供帮助。找遍了我的心，但似乎没有找到任何东西。

我想做的是：

用户在cf7所在的页面中，并填写了详细信息。然后我使用 on_sent_ok: "location.replace('pageurl');"

将用户重定向到一个单独的页面

如何在重定向页面上显示用户输入名称的值？

Answer 1

首先将on_sent_ok改为：

on_sent_ok: 'my_custom_redirect();'

然后在显示表单的页面中创建 my_custom_redirect() 函数：

<script>
    function my_custom_redirect() {
        var your_name = document.getElementById('YOUR_NAME_FIELD_ID').value;   // get value from your input field (YOUR_NAME_FIELD_ID) id
        var url = 'https://www.example.com/?name='+your_name+'';        // your redirection url
        window.location = url;
    }
</script>

Answer 2

如果您不想进行任何编程或需要您的客户能够轻松编辑表单每一页上的内容，您可以使用以下插件：

Contact Form 7 Multi-Step Forms

您只需将标签添加到将分隔页面的表单生成器中即可。我选择这个插件是因为我希望我的客户能够轻松地编辑表单。如果您使用 purvik7373 提到的代码，您将需要进行更新以更改表单字段。

WP Contact Form 7 - 在单独的页面上显示 [your-name] 字段

WP Contact Form 7 - Display [your-name] field on a separate page

wordpress

contact-form-7