Forms do not show in my website

  • robert122869
    Asked on April 18, 2016 at 1:14 PM

    My contact forms do not show on my website after making payment . It is urgent that my forms appear on my website. Please help

  • Kiran Support Team Lead
    Replied on April 18, 2016 at 3:09 PM

    I've checked your account and see that it is active in state and good in shape. I've also tried opening a form which seems to be loaded normally.

    Forms do not show in my website Image 1 Screenshot 20

    When I tried to submit the form, I've received the Thank you page without any issue. Could you provide us with the web page URL where the forms are loaded so that we can take a look to investigate the issue further? 

    We will wait for your response. Thank you!  

  • robert122869
    Replied on April 18, 2016 at 3:56 PM

    Thank you for responding. The url is http://www.evictionforce.com/wp-admin/post.php?post=6&action=edit, I'm not quiet sure if can view without my wordpress login info? Please advice

  • robert122869
    Replied on April 18, 2016 at 4:06 PM

    my website is www.evictionforce.com , the form use to appear on home page.

  • jonathan
    Replied on April 18, 2016 at 5:03 PM

    Hi,

    http://www.evictionforce.com/wp-admin/post.php?post=6&action=edit,

    This URL link you provided can be used only by you since it was your Wordpress admin panel link when editing your WP website page. 

    --

    I checked your website page and I think I understand the problem. Currently, when I checked the source code of the website page, I see that there were 2 embedded form codes on it.

     

     

    Forms do not show in my website Image 1 Screenshot 30

     

    the first embed code (actually just a link of the intake form) was loading on the browser. But the second link (script embedded of Contact form is not working)

    Forms do not show in my website Image 2 Screenshot 41

     

    Lanlord Intake form  - http://www.jotformpro.com/form/43163748738970

    Contact us form  - https://www.jotform.com/43140610542946

    --

    To fix the probelm try this steps:

    #1 Remove the script embed code of the Contact Us form on the website.

    #2 Get the iframe embed code of the Contact us form

    User guide: Getting-the-Form-iFrame-Code

    This user guide should help as well

    User guide: A-Guide-To-Forms-For-WordPress-JotForm-Users

     

    #3 In your WP admin panel, edit the page and add the iframe embed code of the Contact us form.

    #4 Save your WP page with the iframe embedded form on it.

    Check your website if the embedded form now shows when the page is loaded.

    Let us know if still not working for you.

     

     

     

     

     

  • robert122869
    Replied on April 19, 2016 at 11:21 AM

    I followed your instructions and my form still does not show on the home page as before.  I don't understand what happened?  Your recommendations to fix the problem do not work.  I even tried creating a new page and to embed my CONTACT form, but still does not work.  How can this problem be  corrected? This is how I make my money and my clients need to be able to see the contact form on the home page, not just a link.  Please advice

  • Huberson
    Replied on April 19, 2016 at 12:58 PM

    You actually have one form embedded in your website using JotForm oEmbed plugin - Eviction Case Evaluation. The other one is just a link to the form Landlord Intake.

    Forms do not show in my website Image 1 Screenshot 40

     

    The form Eviction Case Evaluation is embedded properly but it is being hidden by some code from your website ( See bellow, the iframe containing the form is hidden ). 

    Forms do not show in my website Image 2 Screenshot 51

     

    If you turn this style off, the form become visible.

    Forms do not show in my website Image 3 Screenshot 62

     

     

    I would suggest you contact your WordPress Developers to have them correct this issue as it is not really a problem with the form itself. 

    If the WordPress Theme used requires iframes to be hidden, they could use some specific CSS selectors to make only the iframe containing the form visible. 

  • robert122869
    Replied on April 20, 2016 at 10:08 AM

    I understand regarding the iframe been hidden, but the form appeared properly when it was just enbeded before, why can't I just use the embed code and not iframe?

  • Kiran Support Team Lead
    Replied on April 20, 2016 at 11:29 AM

    Please be noted that even if the form is embedded using default Javascript embed code, the form still displays in an iframe. It seems to be the issue with the theme being used on your webpage. You may try injecting the following CSS to your WordPress theme custom CSS and see if that helps. 

    iframe#JotFormIFrame {

         visibility: visible;

         opacity: 0; 

    }

    You may need to contact the theme developers for any assistance in this regard. 

    Hope this information helps! 

  • Kiran Support Team Lead
    Replied on April 20, 2016 at 11:30 AM

    Sorry. The opacity value should be 1. Here is the updated code: 

    iframe#JotFormIFrame {

         visibility: visible;

         opacity: 1; 

    }

    Thank you! 

  • robert122869
    Replied on April 20, 2016 at 12:10 PM

    Are you able to do this for me?

  • robert122869
    Replied on April 20, 2016 at 12:23 PM

    This problem started yesterday when Joftorm suspended my account, even though my credit card was fine, I just paid it again.  I read another Jotform user had the same problem but it resolved when Jotform reactivate it his account.  NONE OF MY WEBSITES THAT HAVE A JOTFORM FORM ARE SHOWING THE FORM ANY MORE.....

  • Kiran Support Team Lead
    Replied on April 20, 2016 at 1:46 PM

    I see that your account is active and the forms should be opening normally. As we check the forms using the direct link, they are displaying without any issue.

    Forms do not show in my website Image 1 Screenshot 20

    I see that you are using Avada theme for your website. You can add the CSS code provided by following the article from the theme documentation. 

    https://theme-fusion.com/knowledgebase/how-to-make-custom-css-changes/

    Hope this information helps!