1.安装Wordpress插件:Fluent Forms
2.将以下代码添加到您的当前启用主题的 functions.php 文件中
// 只对产品页面生效加载以下文件
add_action('wp_head', function () {
//slider-zipper', 'flange-zipper', 'string-zipper'为产品的别名(Slug)
if (is_singular('product') && in_array(get_post_field('post_name'), ['slider-zipper', 'flange-zipper', 'string-zipper'])) {
// 获取当前站点的 URL 根地址(带 http/https)
//需要跳转的pdf文件路径
$pdf_url = home_url('/wp-content/uploads/2025/08/how-to-choose-the-styles-of-resealable-zipper.pdf');
?>
<script>
// 定期检查成功消息,只针对表单ID为3
// fluentform_3_success 需要修改为你后台的具体表单的id
setInterval(function () {
var successMsg = document.querySelector('#fluentform_3_success');
if (successMsg && !successMsg.dataset.pdfOpened) {
console.log('=== 检测到表单ID为3的成功消息,准备打开PDF ===');
// 标记已处理,避免重复打开
successMsg.dataset.pdfOpened = 'true';
// 延迟打开PDF,确保页面稳定
setTimeout(function () {
var pdfUrl = '<?php echo esc_url($pdf_url); ?>';
console.log('正在打开PDF:', pdfUrl);
var newWindow = window.open(pdfUrl, '_blank');
// 检查弹窗是否被阻止
if (!newWindow || newWindow.closed || typeof newWindow.closed == 'undefined') {
console.log('弹窗被阻止,显示提示');
alert('PDF文件准备下载。如果浏览器阻止了弹窗,请允许弹窗后重新提交表单。');
} else {
console.log('PDF窗口已打开');
}
}, 1000);
}
}, 500);
</script>
<?php
}
});