Wordpress Modal formulaire de contact en utilisant CF7 et Easy Fancybox ne fonctionne pas?

Question

J'ai essayé de créer un formulaire de contact modal en utilisant les deux plugins: Formulaire de contact 7 et Easy Fancy Box.

J'utilise aussi compositeur visuel afin de construire mon site ..

J'ai donc créé un élément « Raw Html », et l'élément que j'ai le code suivant:

<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> 

Cela ne fonctionne pas et le navigateur semble commenter le code php, je sais que php est un langage côté serveur mais je suivais simplement un tutoriel que j'ai trouvé. Le résultat est quand clique sur le bouton:

J'ai ensuite essayé le code sans php et wordpress' « do_shortcode », comme un autre tutoriel chargé:

<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> 

Cela a également n » ai pas travail t et a abouti à:

Si quelqu'un pouvait me aider à ces questions une circumnavigation d créer un formulaire de contact modal/pop-up en utilisant le compositeur visuel (j'ai construit la plupart de mon site en l'utilisant) Je serais extrêmement reconnaissant!

Answer 1

Le code que vous avez collé fonctionne exactement, le problème est que le shortcode n'est pas repris par wordpress. Assurez-vous de coller le code dans un bloc de texte et le mode du bloc de texte est 'Texte' et non 'Visuel'.

Juste testé et cela fonctionne très bien.

Answer 2

au lieu de ne taper shortcode utiliser la fonction correcte:

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

si vous voulez stocker le shortcode dans une variable php, vous pouvez utiliser ceci:

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