How can I add a popup form to a clickable image

  • Profile 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.

  • Profile Image
    Welvin
    Answered 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;

    }

  • Profile Image
    tmarshall22
    Answered 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

  • Profile Image
    Mike_G
    Answered on September 11, 2016 at 01: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.

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

  • Profile Image
    tmarshall22
    Answered on September 11, 2016 at 01:38 PM

    Thanks, I figured it out.