How can I have a pop-up form to a button on Squarespace?

  • Profile Image
    Bruno_CoastalLedgers
    Asked on January 31, 2017 at 10:10 PM
  • Profile Image
    owen
    Answered on February 01, 2017 at 01:21 AM

    Hi, 

    You can use Pop-up or Lightbox embed methods if you'd like a pop-up form on your Squarespace page. Please see where you can find them:

    1. Click "Publish" the form builder.

    2. Click the "Embed" tab and choose one of the options I mentioned:

    As you can see you can also preview how it looks like. I hope this helps. 

    Please contact us again if you need any further assistance. 

  • Profile Image
    Bruno_CoastalLedgers
    Answered on February 01, 2017 at 04:14 PM

    Hi Owen

    Thank you for the reply.

    I was hoping to add that functionality to a button on the page.

     

  • Profile Image
    Jim_R
    Answered on February 01, 2017 at 04:55 PM

    Those codes can be implemented on any existing buttons/links you already have on your website.

    For a button:

    <button type="button" onclick="javascript:void( window.open( 'https://www.jotform.com/70307780221246', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) )"> Button </button>

    For a regular link:

    <a target="_blank" href="javascript:void( window.open( 'https://www.jotform.com/70307780221246', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) )"> Link </a>

    The important part of the popup codes are the href and onclick attributes for the link and button respectively. So if you have any existing button/link on your page, just append that line and it would work as a popup.

  • Profile Image
    Bruno_CoastalLedgers
    Answered on February 01, 2017 at 05:32 PM

    Cheers Jim_R. I'll test that as soon I'm back at the office.

    Cheers