2016-11-13 69 views
-1

我一直在尝试使用两个插件创建一个模态联系表单:联系表单7和简易花式框。使用CF7和Easy Fancybox无法正常工作的Wordpress模式联系表格?

我也使用视觉作曲家,以建立我的网站..

所以我创建了一个“原始的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的do_shortcode“的代码,另一个教程指示:

<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

如果有人可以帮助我环游这些问题的d使用视觉作曲器创建模态/弹出式联系表单(我已经构建了大部分我的网站使用它)我会非常棒!

回答

1

您粘贴的代码确实有效,问题在于短代码不会被wordpress拾取。确保将代码粘贴到文本块中,并且文本块的模式为“文本”而不​​是“可视”。

刚刚测试过,它工作正常。

+0

是啊,一切似乎工作正如你所说的那样,但是短码没有执行。当你说它工作正常时,你的意思是联系表格为你弹出?仍然努力得到这个弹出式联系表格工作 - 你会想很多人以前做过这个.. –

+0

联系表格弹出,一切正常。你是否在文本块中添加代码? –

+0

好吧,我得到它的工作。我不知道为什么没有这样做;昨天/我上次尝试时,我没有改变任何东西。感谢您的回应:) –

0

,而不是只键入简码使用正确的功能:如果你想存储一个PHP变量中短码

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

,您可以使用此:

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