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

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

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

<iframe id="JotFormIFrame" onDISABLEDload="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.

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.