How can I add a popup form to a clickable image

  • tmarshall22
    Asked on September 11, 2016 at 11:56 AM

    I put the lighthouse popup code on my website and I have it connected to an image.  It works but when I hover over the image it doesn't look "clickable".  I want people to know the image is clickable. 

     

    Thanks.

  • Welvin Support Team Lead
    Replied on September 11, 2016 at 12:23 PM

    Please share with us the webpage URL so we can check it for you. You can add a hover effect to the image. 

    Here's an example:

    https://shots.jotform.com/welvin/html/929417.html 

    You need to add the following CSS to your website stylesheet.

    .btn img:hover {

        opacity: .8;

    }

  • tmarshall22
    Replied on September 11, 2016 at 12:25 PM

    I got it work but it opens up a blank form first.  Then when you close the window it shows the correct form.  But it's doing that no matter what I use to open the lighthouse form.  Here is the link:

     

    http://acewebsitestudio.com/

     

    It's the computer icon

  • Mike_G JotForm Support
    Replied on September 11, 2016 at 1:35 PM

    Apologies for any inconvenience. It seems that there is a conflict between your form's script and the script on your website.

    If you want you can try to consider the workaround below.

    Change the value of "openOnLoad" from your form's script.

    How can I add a popup form to a clickable image Image 1 Screenshot 20

    However, that will load the pop-up form automatically as soon as your website loads.

  • tmarshall22
    Replied on September 11, 2016 at 1:38 PM

    Thanks, I figured it out.