提交WordPress表单时如何添加额外的关联产品数据

1 前端表单新增产品隐藏字段 #

在现有产品页的联系表单HTML代码中，新增一组隐藏输入字段，提前将当前页面的产品属性值动态填充到字段的value属性中，示例代码如下：

<!-- 原有表单字段 -->
<input type="text" name="first_name" placeholder="名字" required>
<input type="text" name="last_name" placeholder="姓氏" required>
<input type="email" name="email" placeholder="电子邮箱" required>
<input type="tel" name="phone" placeholder="手机号码" required>
<textarea name="message" placeholder="留言内容"></textarea>

<!-- 新增产品信息隐藏字段 -->
<input type="hidden" name="product_name" value="动态渲染当前产品名称">
<input type="hidden" name="product_brand" value="动态渲染当前产品品牌">
<input type="hidden" name="product_series" value="动态渲染当前产品系列">
<input type="hidden" name="product_desc" value="动态渲染当前产品技术描述">

注意：如果有其他需要展示的自定义产品字段，按照相同格式新增对应隐藏字段即可 #

2 后端处理逻辑调整 #

后端接收表单提交请求时，同步获取新增的产品字段内容，整合到邮件的发送模板中，以下为PHP参考示例，其他后端语言逻辑一致：

// 接收用户联系信息
$first_name = $_POST['first_name'];
$last_name = $_POST['last_name'];
$user_email = $_POST['email'];
$user_phone = $_POST['phone'];
$user_msg = $_POST['message'];

// 接收产品关联信息
$product_name = $_POST['product_name'];
$product_brand = $_POST['product_brand'];
$product_series = $_POST['product_series'];
$product_desc = $_POST['product_desc'];

// 拼接邮件正文
$mail_body = "
新的用户咨询提交：
--------------------------
用户信息：
姓名：{$first_name} {$last_name}
邮箱：{$user_email}
手机号：{$user_phone}
留言：{$user_msg}
--------------------------
咨询产品信息：
产品名称：{$product_name}
品牌：{$product_brand}
系列：{$product_series}
技术描述：{$product_desc}
";

// 调用原有邮件发送逻辑，将上述拼接的内容作为邮件正文发送即可

3 上线前验证 #

选择多个不同的产品页提交测试表单，检查接收的通知邮件是否同时完整展示用户联系信息和对应产品的属性，确认没有字段遗漏、内容乱码的问题即可上线。 #

内容的提问来源于stack exchange，提问作者Vadim