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

    How can I add loading icon before Jotform loads?

    Asked by zigglr6 on June 10, 2017 at 01:08 AM

    I am using jotform iframe, but sometimes it takes 5 seconds to appear. How can I show a loading icon before it appears? Please can you tell me what code to add, as I am not tech savvy.



  • Profile Image
    JotForm Developer

    Answered by Helen on June 10, 2017 at 04:50 AM


    Thank you for contacting us.

    You can add a custom Javascript in your own website page, where you can set a loading image before totally loading the form.

    Here's a sample page I made: http://shots.jotform.com/hatice/loading.html .

    I got the loading image or style in this link. You can check my back-end code to see how I did it.

    Here's how I did mine:

    1. First, I embedded my form in a website page using the iFrame embed code.

    2. I have added a CSS to show a loading image or styling.

    3. I have set my form to hidden using the style attribute "display: none".

    4. I have used the onload="setTimeout(loadiFrame, 3000)" to tell my page to load the custom script after 3 seconds.

    If you have any questions or issue, please do not hesitate to contact us.