2016-11-13 77 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);