WordPress提交表单后自动打开PDF文件

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
    }
});

 

WordPress提交表单后自动打开PDF文件-大可建站