How do I make the link of the Form open in a pop-up via a button?

  • Profile Image
    hughdal
    Asked on August 17, 2019 at 11:05 AM

    Hello,

    Can you please help me with the code I need to add so my popup button will look like this  1566054104Capture.JPG


    Here is the code I am inserting into my website now.

    website - https://www.pixximaging.com/bestsellers

    It says "Click to buy a print" in wee little font, need it to pop!

    Thanks!


    <a

          target="_blank" href="javascript:void(

            window.open(

              'https://form.jotform.com/51777411205249',

              'blank',

              'scrollbars=yes,

              toolbar=no,

              width=700,

              height=500'

            )

          )

        ">

          Pixx - ART STORE ORDER

        </a>

  • Profile Image
    roneet
    Answered on August 17, 2019 at 12:24 PM

    Let me check this and get back to you.

    Thanks.

  • Profile Image
    roneet
    Answered on August 17, 2019 at 01:03 PM

    You may place this code in your website to make the link appear in a button.

    <button style="background-color:black; color:white;height:50px;width:420px"><a
          target="_blank" href="javascript:void(
            window.open(
              'https://form.jotform.com/51777411205249',
              'blank',
              'scrollbars=yes,
              toolbar=no,
              width=700,
              height=500'
            )
          )
        ">
         Click here to place the order
        </a></button>

    Hope this helps!

    Thanks.

  • Profile Image
    hughdal
    Answered on August 17, 2019 at 01:28 PM

    This is awesome! Is there a way it can be displayed with White font in Bold Times New Roman font? Thanks so much!


  • Profile Image
    roneet
    Answered on August 17, 2019 at 01:56 PM

    Could you please try the below code:

    <a target="_blank" href="javascript:void(

            window.open(

              'https://form.jotform.com/51777411205249',

              'blank',

              'scrollbars=yes,

              toolbar=no,

              width=700,

              height=500'

            )

          )

        ">

         <button style="background-color:black;color:white; height:35px;width:250px;font-family:Times New Roman;font-weight: bold;">Click here to place the order</button>

        </a>

    Thanks.

  • Profile Image
    hughdal
    Answered on August 17, 2019 at 02:01 PM

    Perfect Thanks!