What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by msimpy 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...

    lightbox form Weebly "button" Weebly lightbox lightbox jotform Weebly jotform
  • Profile Image
    JotForm Support

    Answered by Charlie 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

    Answered by msimpy on February 16, 2015 at 04:07 PM

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

    Mike

  • Profile Image

    Answered by Ben 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
    JotForm Support

    Answered by TitusN 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!