Creating a pop up form in my web page

  • NEMCONTACT
    Asked on April 3, 2017 at 1:12 PM

    I am trying to create a pop up form for a web page but it seems to only work as an element on my page (as being a part of my page). Do you know how id be able to change it?

     

    Thanks

  • David JotForm Support
    Replied on April 3, 2017 at 2:46 PM

    If you would like to create a pop-up form, rather than adding the form directly to the page, here is how to do so:

    https://www.jotform.com/help/220-How-to-Create-a-Lightbox-Form

    This would create a little box in your page that can be clicked in order to popup the form. 

  • NEMCONTACT
    Replied on April 5, 2017 at 11:03 AM

    Hey David,

     

    Thanks for your help. I tried adding the code to the CSS section in the Form Designer, for both a pop-up and for a lightbox, and neither one worked. On my site, i added a button with the link being the URL provided by JotForm, but it'll either open as a new tab or change the window for my site to the form. Im unsure what to do. You could try it out, its the button on the bottom of the home page. Thanks

     

    http://www.northernequitymerchants.com/

  • David JotForm Support
    Replied on April 5, 2017 at 12:09 PM

    The lightbox code would be added to your webpage, not to the form.  Replace the link to your form with the lightbox code and it will add pop-up form to the page.

  • NEMCONTACT
    Replied on April 5, 2017 at 12:19 PM

    Hey David,

     

    Would you be able t point me as to where i have to add the codeÉ Im not sure if you`re familiar with the Weebly configuration, but i can either embed code onto the page itself, or i can open the CSS for the whole website and insert it there. However, i am no coder, so i am quite unfamiliar with the latter option. If you could give me some detailed instructions that would be greatly appreciated. (To be clear, the form opens through a button, not text on the page, so Im not sure if embedding the code will work).

  • David JotForm Support
    Replied on April 5, 2017 at 1:24 PM

    In your Weebly web builder, find the "Embed Code" tool and add the Lightbox there.

    https://hc.weebly.com/hc/en-us/articles/201740213-Create-Widgets-Embed-Code-and-Add-External-Content