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

Question

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

我也在使用 visual composer 来构建我的网站..

因此我创建了一个 '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 是一种服务器端语言，但我只是按照我找到的教程进行操作。单击按钮时的结果是这样的：

然后我按照另一个教程的指示尝试了没有 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>

这也没有用，导致：

如果有人可以帮助我绕过这些问题并在使用可视化作曲器的同时创建一个 modal/pop-up 联系表（我已经使用它构建了我的大部分网站），我将非常感激！

Answer 1

您粘贴的代码完全有效，问题是 wordpress 未提取短代码。确保将代码粘贴到文本块中，并且文本块的模式是 'Text' 而不是 'Visual'.

刚刚测试，效果很好。

Answer 2

不要只输入短代码，而是使用正确的函数：

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

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

Wordpress Modal contact form using CF7 and Easy Fancybox not working?

wordpress

modal-dialog

popup

contact-form-7