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

    Form Not Showing in Website Using Wordpress?

    Asked by 2adorable on February 04, 2015 at 10:50 AM

    http://creditcanadafinance.ca/

     

    there seems to be an issue with this new designer and my wordpress site i used it for the first time to redesign a old form and place it in my wordpress site but it does not show properly. im not sure why. i need some insight on this. 

     

    form link http://form.jotformpro.com/form/50341051017943

     

    old working form link  http://form.jotformpro.com/form/30105589219959

     

    i tried iframe source code .. wordpress ... script.. nothing works?? 

    please check this and get back to me thanks

    Page URL:
    http://creditcanadafinance.ca/

    Updated site designer correctly
  • Profile Image

    Answered by Shadae on February 04, 2015 at 01:00 PM

    Hi 2adorable,

     

     Are you referring to how the fields and field labels are aligned? If that is the case those changes can be made within the form builder and designer.

    I have cloned your form and made changes to achieve the same layout as your previous form: http://form.jotformpro.com/form/50344729504959 

    If this is closer to what you wan to achieve please feel free to clone the form to your account.

    If not, could you provide us with more details to better assist you.

    Thank you.

  • Profile Image

    Answered by 2adorable on February 04, 2015 at 04:09 PM

    sorry this is the form i put in the site http://www.jotformpro.com/form/50334951006952

     

    and this is what it showed up as ..check it on 

    creditcanadafinance.ca

  • Profile Image

    Answered by Shadae on February 04, 2015 at 05:34 PM

    Hi 2aborable,

    Please embed the form into your website using the following code:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//www.jotformpro.com/form/50334951006952" frameborder="0" style="width:50%; height:522px; border:none;" scrolling="no"></iframe>

    Please inform us if you are still experiencing an issue.

    Thank you.

  • Profile Image

    Answered by 2adorable on February 04, 2015 at 05:39 PM

    thanks but that didnt work the form does not look like what the designer or the preview from jot form shows. have a look http://creditcanadafinance.ca

  • Profile Image

    Answered by Shadae on February 04, 2015 at 05:55 PM

    I am able to see that the form is not shown as the direct form is when embed.

    Please try to embed your form using the Wordpress Plug-in:

    http://www.jotform.com/help/174-Wordpress-Plugin-for-Wordpress-org-version- 

    Please inform us if this resolves your issue.

    Thank you.

  • Profile Image

    Answered by 2adorable on February 04, 2015 at 09:41 PM

    tried that it doesnt work. why is it that the old form works and not the new one i do not want to use the designer because it codes forms in a way that makes the java or scripts not show properly is it possible for me to use the old jotform?

  • Profile Image
    JotForm Support

    Answered by Charlie on February 04, 2015 at 11:14 PM

    Hi,

    Unfortunately I'm not sure if I understood your concern completely.

    This is how I see the form http://www.jotformpro.com/form/50334951006952:

    And this is the form in your website:

     

    May I know what you would like to see in your website? Is the styling different? If so, do you have a copy of old version of your form? You may check this on how to revert to the old version of your form: http://www.jotform.com/help/294-How-to-View-Form-Revision-History

    The form designer adjust the CSS stlying of the form, but does not actually add script codes on them, unless you use the form's full source code and edit it. I also see that you are using Wordpress to manage the content of your website, is that correct? If that is the case, I would advise using this plugin to embed your form in your website: http://apps.jotform.com/app/form_generator_for_wordpress. Please do take note that you need to remove or deactivate other plugins that you use to embed a JotForm to your website.

    For the question you have, did you mean old JotForm is the old toolbar that we have? Unfortunately, it is not possible. Although, there are still old styling options found under "Preferences".

    I hope this helps.

    Thank you.

     

  • Profile Image

    Answered by 2adorable on February 05, 2015 at 07:30 AM

    that form you seen on the website is not the original one from the time i originally asked the question. i changed te style a few times hoping another style would fit.

    the style you see now displays correctly. how do i remove the jot form logo and the spacing above the form.

     

    also how do i remove the form background via the designer it doesnt seem to work ? i would like it transparent so it blends in better with the site

  • Profile Image
    JotForm Support

    Answered by Charlie on February 05, 2015 at 09:13 AM

    Hi,

    You can try using this code to remove the logo and the spacing at the top. You can add this inside your form Designer's CSS tab.

    .form-all:before {

        background-image : none;

    }

    .form-all {

        margin-top: 0px !important;

    background-color: transparent !important;

    }

    Here's my edited cloned form: http://form.jotformpro.com/form/50353983502959.

     

    I hope this helps. Do let us know if you need more editing on this.

    Thank you.

  • Profile Image

    Answered by 2adorable on February 05, 2015 at 10:14 AM

    one more thing .. ho can i change the orange color to red?

  • Profile Image

    Answered by 2adorable on February 05, 2015 at 10:28 AM

    or how can i change the 2 tone color scheme to whatever i want? and the verticle size of each questons text input are?

  • Profile Image
    JotForm Support

    Answered by Charlie on February 05, 2015 at 11:43 AM

    Hi,

    Unfortunately, the orange color found at the top is not a background color but rather a background image, you need your own image to change it.

    For the meantime, you can check this code that I have:

    //To remove the logo use this:

    .form-all:before {

        background-image : none;

    }

    //This is the overall design of the form

    .form-all {

        margin-top : 0px !important;

        background-color : transparent !important;

        border : 4px solid black !important; --> this is the border of the form

        background-image : none; --> this is where the orange background is setup

    }

    //This is the height size of the text input of the form

    .form-textbox {

        height : 20px !important;

    }

    //This is the submit button of the form

    .form-submit-button {

        background-color : black !important;

    }

    Here's the image for the orange background found at the top: http://www.jotform.com/uploads/banMedo/form_files/8.png.

    Here's my demo form: http://form.jotformpro.com/form/50353983502959?.

    I hope this helps.

    Thank you.