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

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

  • Charlie
    Replied on February 16, 2015 at 1: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.

    Use a Weebly Button element to call a lightbox form? Image 1 Screenshot 20

     

    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.

     

  • NJFallen
    Replied on February 16, 2015 at 4:07 PM

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

    Mike

  • Ben
    Replied on February 16, 2015 at 4: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.

  • TitusN
    Replied on April 1, 2016 at 5: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!