Docs

[crani11]

Hey

Is it possible to have a button that when you click it popups with a contact 7 form, without installing a plugin? Is there a modal shortcode or something?

Thanks in advanced

C

[Paul R]

Hi,

Thanks for writing in!

You can try adding this in a raw content element.

<div id="my-content">
 [contact-form-7 id="1985" title="Contact form 1"]
</div>

[button class="lightbox-selector" type="real" shape="rounded" size="small" href="#my-content" title="Example"]Open Contact Form[/button]

[lightbox selector=".lightbox-selector"]

Change [contact-form-7 id="1985" title="Contact form 1"] with the shortcode of your contact form.

Hope that helps.

[crani11]

Hey

Thanks for getting back to me Paul.

Just tried that but it’s showing the form before being clicked 🙁

I’ve added:

style="display: none;

that hides the form, but when you click the button the form doesn’t appear.

[Paul R]

Hi,

Kindly replace the code with this.

<div id="my-content" style="display:none;">
 [contact-form-7 id="1985" title="Contact form 1"]
</div>

<a class="x-btn x-btn-real x-btn-rounded x-btn-regular lightbox-selector" href="#my-content" data-type="inline">Open Contact Form</a>
[lightbox selector=".lightbox-selector"]

Hope that helps

[crani11]

Awesome that did the trick 🙂

Thanks Paul, have a great day 🙂

[Paul R]

You’re welcome! 🙂

[Author]

Posts