使用CF7和Easy Fancybox的Wordpress Modal联系表格不起作用?

时间:2016-11-13 04:59:03

标签: wordpress popup modal-dialog contact-form-7

我一直在尝试使用这两个插件创建一个模态联系表单:Contact Form 7和Easy Fancy Box。

我也在使用视觉作曲家来构建我的网站..

因此,我创建了一个' Raw Html'元素,在元素中我有以下代码:

<a href="#contact_form_pop" class="fancybox">Contact Us</a>
<div style="display:none" class="fancybox-hidden">
 <div id="contact_form_pop">
   <?php echo do_shortcode('[contact-form-7 id="4" title="Contact form 1"]'); ?>
 </div>
</div>

这不起作用,浏览器似乎注释掉了php代码,我知道php是一种服务器端语言,但我只是按照我发现的教程。单击按钮时结果为:

enter image description here

然后我尝试了没有php和wordpress的代码&#39; &#39; do_shortcode&#39;,正如另一个教程所指示的那样:

<a href="#contact_form_pop" class="fancybox">Contact Us</a>
<div style="display:none" class="fancybox-hidden">
 <div id="contact_form_pop">
   [contact-form-7 id="4" title="Contact form 1"]
 </div>
</div>

这也没有奏效,导致:

enter image description here

如果有人可以帮助我绕过这些问题,并在使用视觉作曲家的同时创建一个模态/弹出式联系表(我用它构建了我的大部分网站),我会非常感激!

2 个答案:

答案 0 :(得分:1)

您粘贴的代码确实有效,问题是wordpress没有提取短代码。确保将代码粘贴到文本块中,文本块的模式为“文本”而非“可视”。

刚刚测试过,它运行正常。

答案 1 :(得分:0)

而不是仅键入短代码使用正确的函数:

<?php echo do_shortcode('[contact-form-7 id="4" title="Contact form 1"]'); ?>

如果要将短代码存储在php变量中,可以使用:

$my_shortcode = '[contact-form-7 id="4" title="Contact form 1"]';
echo do_shortcode( $my_shortcode );