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

    Hi there, when I embed my transparent form into wordpress it shows up with a white background

    Asked by tootsiepop4u32 on July 29, 2014 at 05:09 PM

    Here are some details you might need:

    wordpress url

    http://www.webappeal.ca/?page_id=38

     

    form id url

    http://www.jotform.com//?formID=42094316947258

     

    Im not sure what I am doing wrong.

    thanks a bunch for your help

    jackie

    Page URL:
    http://www.webappeal.ca/?page_id=38

    transparent form JotForm www thanks
  • Profile Image
    JotForm Support

    Answered by Kiran on July 29, 2014 at 06:24 PM

    Could you please try embedding the form using the following code?

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://www.jotform.com/form/42094316947258" frameborder="0" style="width:100%; height:472px; border:none; background-color:transparent; box-shadow:none;" scrolling="no"; ></iframe>

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    You can also installing our WordPress plugin using this guide.

    Please get back to us if the issue still persists. We are happy to assist you.

  • Profile Image
    JotForm Support

    Answered by Kiran on July 29, 2014 at 06:37 PM

    In case if you see any issue with the code, please type transparent in the background field from preferences.

    This should do the trick and easy to do. Please do not hesitate to get back to us if you need further assistance. We are happy to assist you.