Use a Weebly "Button" element to call a lightbox form?

  • Profile Image
    msimpy
    Asked on February 16, 2015 at 11:59 AM

    Hi - wondering if there is any way/workaround to use the Weebly button element to call a lightbox form?

    Thanks so much for any help/advice...

  • Profile Image
    Charlie
    Answered on February 16, 2015 at 01:04 PM

    Hi,

    Unfortunately, the Weebly button has limitations and styling or adding embed codes on it is not possible. But, you could still style the Lightbox embed code.

     

    In your Weebly web builder, find the "Embed Code" tool and add the Lightbox there. From there, you can design the button for the Lightbox, here's an example:

    <script src="//d2g9qbzl5h49rh.cloudfront.net/static/feedback2.js?3.2.5526" type="text/javascript">

    var JFL_50324083606953 = new JotformFeedback({

    formId:'50324083606953',

    base:'http://jotformpro.com/',

    windowTitle:'Test Form',

    background:'#FFA500',

    fontColor:'#FFFFFF',

    type:false,

    height:500,

    width:700,

    openOnLoad:false

    });

    </script>

    <a class="lightbox-50324083606953 wsite-button wsite-button-small wsite-button-normal" style="height: 30px;line-height: 32px;width: 60px;font-color: white;font-weight: normal;font-size: 14px;white-space: nowrap;padding: 2px 15px 2px 15px;text-align: left;background-color:#5199a8">Test Form</a>

     

     

    Above is my Lightbox embed code, I can design it to look like a button by changing the values and adding other attributes inside the "style" tag. You can check my sample website here: http://practicesitecharlie.weebly.com/. You'll see the "Test Form" button will display a Lightbox form.

    I hope this helps.

    Thank you.

     

  • Profile Image
    msimpy
    Answered on February 16, 2015 at 04:07 PM

    Charlie - thanks for the really prompt answer - that's really helpful!! :-)

    Mike

  • Profile Image
    Ben
    Answered on February 16, 2015 at 04:53 PM

    In my colleague's name you are welcome Mike.

    Please do let us know if you have any questions along the way and we would be happy to assist.

  • Profile Image
    TitusN
    Answered on April 01, 2016 at 05:27 AM

    Hello, 

    The new JotForm App for Weebly helps you add, create and manage forms and form submissions directly from Weebly. 

    Please see https://www.jotform.com/blog/198-Add-JotForm-to-your-Weebly-Site-with-Ease

    It would be great if you could tell us what you think of the App. 

    Feel free to comment on the blog post above; we value your feedback. 

    Thanks!