The form pops up blank on my Wordpress website

  • Hall_Morgan
    Asked on June 19, 2020 at 12:35 AM

    Hi, I'm trying to embed forms into my website. I've copied the code generated by the form, but it just pops up blank on my Wordpress website. I've included a screen shot.

    Jotform Thread 2398942 Screenshot
  • Vanessa_T
    Replied on June 19, 2020 at 3:37 AM

    Kindly share the exact URL where the form is embedded so we can check what is causing the issue.

  • Hall_Morgan
    Replied on June 19, 2020 at 4:28 PM
    conley.vc
    If you scroll down on the homescreen to the three boxes labeled "Advisors"
    Recordkeeper" & "Asset Manager". It's the button in the "Recordkeeper" box.
    Thanks!
    ...
  • David JotForm Support Manager
    Replied on June 19, 2020 at 5:56 PM

    Hi, I have just checked it in Chrome and Firefox browsers, and the form is showing up:

    1592603709embedded Screenshot 10

    Please try clearing your browsers cache. If the issue persists, please let us know which browser you are using, so we can test further.

  • Hall_Morgan
    Replied on June 20, 2020 at 12:28 PM
    That worked. Thanks! For our website visitors - will this be a common
    issue, if their cache is full they won't be able to see the form?
    ...
  • Vanessa_T
    Replied on June 20, 2020 at 1:43 PM

    It will be an unlikely issue to occur for your users. This sometimes happen because you were testing your website and loaded the page numerous times which can sometimes cause your website to be hard cached within the browser.

    For regular users who visits your site once in a while, this shouldn't be an issue.

  • Hall_Morgan
    Replied on June 20, 2020 at 3:28 PM
    Thanks! Last question, is there a way to fix the code so that none of the
    questions need to be expanded? Is it possible for the pop up to be large
    enough to include everything right off the bat?
    [image: Screen Shot 2020-06-20 at 1.43.12 PM.png]
    ...
  • Bojan Support Team Lead
    Replied on June 20, 2020 at 4:39 PM

    Greetings and thank you for your reply.

    Unfortunately, we are not able to see the attached screenshot. To send a screenshot, please click here to see how to post images.

    If you are referring to the vertical scrolling in some fields, please try to add the height property to your wrapper div. Additionally, you can use Lightbox to embed to form to your form which should achieve your goal:

    The form pops up blank on my Wordpress website Image 1 Screenshot 20

    Please let us know if one of these solutions will work for you.

  • Hall_Morgan
    Replied on June 22, 2020 at 12:45 PM

    My apologies.


    Here's the initial question &1592844319Screen Shot 2020 06 20 at 1 Screenshot 10 screenshot

  • Kevin Support Team Lead
    Replied on June 22, 2020 at 3:28 PM

    It's possible to change the dimensions, you will find the options upon clicking on the "Customize" button on the wizard:

    15928540882020 06 22 13h26 55 Screenshot 10

    15928541102020 06 22 13h27 09 Screenshot 21

    I hope this helps. 

  • Hall_Morgan
    Replied on June 23, 2020 at 12:28 AM
    That's very helpful. Thank you!
    ...
  • Hall_Morgan
    Replied on June 25, 2020 at 7:28 PM
    Hello,
    I've tried embedding your lightbox version of the form onto my wp site &
    ran into some issues on the backend. I consulted without developer & they
    suggested we ask if there is a way to get the lightbox code without the
    jQuery? Please let me know! Thanks!
    ...
  • Welvin Support Team Lead
    Replied on June 25, 2020 at 8:18 PM

    Yes, please remove number "2" from the script URL, so instead of the following:

    https://form.jotform.com/static/feedback2.js

    Make it

    https://form.jotform.com/static/feedback.js

  • Hall_Morgan
    Replied on June 26, 2020 at 3:03 PM

    I'd like to embed the actual code if possible as opposed to a url. Is there a change to the code I can make? The Lightbox code to be specific.

  • Welvin Support Team Lead
    Replied on June 26, 2020 at 4:16 PM

    I'm sorry if I did not explain it clearly.

    So, the lightbox codes of the form https://form.jotform.com/201698642826162 are the following:

    <script src ="https://form.jotform.com/static/feedback2.js" type="text/javascript"></script><script type="text/javascript"> var JFL_201698642826162 = new JotformFeedback({ formId: '201698642826162', base: 'https://form.jotform.com/', windowTitle: 'Recordkeepers', background: '#ffffff', fontColor: '#FFFFFF', type: '1', height: 600, width: 800, openOnLoad: false }); </script> <a class="btn lightbox-201698642826162" style="margin-top: 16px"> Recordkeepers </a>

    In the Lightbox codes, you'll find the following URL:

    https://form.jotform.com/static/feedback2.js

    At the end of this URL, it is feedback2.js. Just remove "2" from this to make it feedback.js, so the full URL now would be:

    https://form.jotform.com/static/feedback.js

    And the final lightbox codes should be the following:

    <script src ="https://form.jotform.com/static/feedback.js" type="text/javascript"></script><script type="text/javascript"> var JFL_201698642826162 = new JotformFeedback({ formId: '201698642826162', base: 'https://form.jotform.com/', windowTitle: 'Recordkeepers', background: '#ffffff', fontColor: '#FFFFFF', type: '1', height: 600, width: 800, openOnLoad: false }); </script> <a class="btn lightbox-201698642826162" style="margin-top: 16px"> Recordkeepers </a>

  • Hall_Morgan
    Replied on June 29, 2020 at 1:28 PM
    Oh thank you for clarifying! This was helpful
    ...