Open contact form in popup, lightbox, etc on click image

rpk

Hello,

we need to open a contact form on product round image ( see here: http://calendare.aiv.ro/calendare-de-perete/ )

I read this topic http://forum.muffingroup.com/betheme/discussion/3782/how-can-i-add-pop-up-on-clicking-an-image#latest but I can do this.

Can u help us pls?

Thanks in advance!

Bryan

HI,
but when we enter your website there is a contact form on a popup when you click the rounded images.
http://prntscr.com/hhrioe
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

rpk

Hi, 

yes but it works only if we put code [contact-form-7 id="66" title="Calendare de perete"] from contact form in Footer > Extras > Popup Contact Form | Shortcode

and, on image we used:

[image src="/wp-content/uploads/2017/11/Calendare-de-perete-cu-copii-v5.png" width="520px" height="520px" align="center" border="0" margin_top="" margin_bottom="" link="" link_image="#wpcf7-f21-o1" target="" animate="" hover="disable"]

If we take out the code from "Footer > Extras > Popup Contact Form | Shortcode" don't work and we have this message "Content not found" see image https://prnt.sc/hi1ngm

Thanks in advance.

Bryan

This is because you are linking to #wpcf7-f21-o1 which is in the CODE on the website and can be accessed. When you remove it from the footer then it is removed from the code and cannot be found.

What you can do is this:

<a href="#myID" class="prettyphoto" ><img src="link to image" /></a>

<div id="myID" style="display:none">INSERT CONTATCT FORM SHORTCODE</div>

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

rpk

Hi!

Well, looks like very good.

Thank u very much.

Bryan

You are welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next