Question

几个小时以来一直在努力争取这个问题，非常感谢任何帮助。

我正在使用WordPress，我创建了一个自定义主题和Contact Form 7插件。

我正在尝试创建一个用户单击第一个按钮的目标网页，将其带到模式内的表单中，并在成功完成表单后，将其定向到下载链接。

当表单位于模态之外或不同的页面上时，表单本身可以正常工作。

但是在模态中，表单在完成后无法将用户重定向到PDF文件。

提交后，模式将关闭，页面将使用链接http://example.com/landing/#wpcf7-f188-o1刷新，而不是转到PDF文件。

我有一种感觉可以用JS修复，但我从来没有涉足过它，甚至不知道要调查哪个文件或坦率地从哪里开始。

感谢您提前提供任何帮助。

PS。这是指向实际网站的链接：http://goo.gl/XBaOs3

    <div class="vertical-center">
        <div class="container">
            <div class="row text-center">
                <div class ="col-md-offset-3 col-md-6 opt-modal cta-container-center">
                    <h1 class="headline">7 Must-Have Tools for Real Estate Companies</h1></br>
                    <button type="button" class="btn btn-primary btn-lg btn-block cta-link" data-toggle="modal" data-target="#myModal">Download Now</button>
                    <!-- Modal -->
                    <div id="myModal" class="modal modal-vcenter fade" role="dialog">
                        <div class="modal-dialog">  
                            <!-- Modal content-->
                            <div class="modal-content">
                                <div class="modal-header">
                                    <img class="modal-header-image" src="http://beltadigital.com/wp-content/uploads/2015/10/leadbox-header-image-placeholder.png">
                                </div>
                                <div class="modal-body">
                                    <div class="landing-form">
                                        <?php 

                                            $landing_form = new WP_Query('pagename=landing-form');
                                            $landing_form -> the_post();

                                            the_content(); 

                                        ?>
                                    </div>  
                                </div>      
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

修改

在Wordpress中，联系表单似乎不适用于模态。

我唯一想到的解决方法就是硬编码并上传到FTP服务器。

Answer 1

你试试这个吗？

<?php echo do_shortcode('contact form 7 shortcode'); the_content(); ?>

而不是

<?php 
    $landing_form = new WP_Query('pagename=landing-form');
    $landing_form -> the_post();
    the_content(); 
?>

你有这样做的具体原因吗？

联系表格7不在Bootstrap模式内工作

1 个答案: