Contact Form doesn't work in Lightbox Featherlight

  • I’m trying to use the contact form plugin inside a lightbox (using featherlight). which is hidden by default.
    Sadly the submit-button doesn’t do anything at all. When placed in the ordinary document structure, it works.

    This is my code:

    <div id="feedback-box" class="lightbox hidden">
		<h3>Lorem iosum a Feedback Li Europan lingues</h3>
		<?php echo do_shortcode( '[contact-form-7 id="8" title="Kontaktformular 1"]' ); ?>
	</div>

    This is the lightbox-plugin I use:
    https://github.com/noelboss/featherlight

    Does anyone have a clue what is going wrong here?

    https://www.ads-software.com/plugins/contact-form-7/

Viewing 1 replies (of 1 total)

  • Do you have any update on this?

    When you call the display:none property (as featherlight does initially) the php is never parsed. So your shortcode call doesn’t push through. So what the server sends ends up being this: 

    <div id="feedback-box" class="lightbox hidden">
		<h3>Lorem iosum a Feedback Li Europan lingues</h3>

	</div>

    I could be wrong, but that’s what I’m trying to work on right now as well.

Viewing 1 replies (of 1 total)
  • The topic ‘Contact Form doesn't work in Lightbox Featherlight’ is closed to new replies.