Web Forms & Wordpress - Talk About...
Followed this guide to the tee.
http://www.coffeecup.com/help/articles/ … -page/#win
also read:
http://www.coffeecup.com/help/articles/ … ress-blog/
Still no luck whatsoever!
1) Where do you upload the forms to? (root folder of domain?)
2) Here is URL http://constantiadirect.co.za/test-form/
3) Here is code I inserted in text editor as per form request:
<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"Forms-OCGuideDownload.php" + window.location.search + "\" width=\"100%\" height=\"774\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E<a href=\"Forms-OCGuideDownload.php\" title=\"Forms-OCGuideDownload\">Check out my CoffeeCup Form</a>%3C/iframe%3E"));</script>
<noscript>
<iframe width="100%" height="774" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="Forms-OCGuideDownload/Forms-OCGuideDownload.html">
<a href="Forms-OCGuideDownload.php" title="Forms-OCGuideDownload">Check
out my CoffeeCup Form</a>
</iframe>
</noscript>
Why is this so freaking difficult! It's wordpress and these forms should work easily with them!
http://www.coffeecup.com/help/articles/ … -page/#win
also read:
http://www.coffeecup.com/help/articles/ … ress-blog/
Still no luck whatsoever!
1) Where do you upload the forms to? (root folder of domain?)
2) Here is URL http://constantiadirect.co.za/test-form/
3) Here is code I inserted in text editor as per form request:
<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"Forms-OCGuideDownload.php" + window.location.search + "\" width=\"100%\" height=\"774\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E<a href=\"Forms-OCGuideDownload.php\" title=\"Forms-OCGuideDownload\">Check out my CoffeeCup Form</a>%3C/iframe%3E"));</script>
<noscript>
<iframe width="100%" height="774" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="Forms-OCGuideDownload/Forms-OCGuideDownload.html">
<a href="Forms-OCGuideDownload.php" title="Forms-OCGuideDownload">Check
out my CoffeeCup Form</a>
</iframe>
</noscript>
Why is this so freaking difficult! It's wordpress and these forms should work easily with them!
That is because you uploaded the files to the wrong location. According to this markup, you say the form should be here at http://constantiadirect.co.za/test-form … wnload.php but instead, it really is here at http://constantiadirect.co.za/Forms-OCGuideDownload.php
To fix this, either move the files to the correct spot, or just adjust the <iframe> markup to this:
<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"http://constantiadirect.co.za/Forms-OCGuideDownload.php" + window.location.search + "\" width=\"100%\" height=\"774\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E<a href=\"http://constantiadirect.co.za/Forms-OCGuideDownload.php\" title=\"Forms-OCGuideDownload\">Check out my CoffeeCup Form</a>%3C/iframe%3E"));</script>
<noscript>
<iframe width="100%" height="774" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="http://constantiadirect.co.za/Forms-OCGuideDownload/Forms-OCGuideDownload.html">
<a href="http://constantiadirect.co.za/Forms-OCGuideDownload.php" title="Forms-OCGuideDownload">Check
out my CoffeeCup Form</a>
</iframe>
</noscript>
See how easy it was.
To fix this, either move the files to the correct spot, or just adjust the <iframe> markup to this:
<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"http://constantiadirect.co.za/Forms-OCGuideDownload.php" + window.location.search + "\" width=\"100%\" height=\"774\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E<a href=\"http://constantiadirect.co.za/Forms-OCGuideDownload.php\" title=\"Forms-OCGuideDownload\">Check out my CoffeeCup Form</a>%3C/iframe%3E"));</script>
<noscript>
<iframe width="100%" height="774" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="http://constantiadirect.co.za/Forms-OCGuideDownload/Forms-OCGuideDownload.html">
<a href="http://constantiadirect.co.za/Forms-OCGuideDownload.php" title="Forms-OCGuideDownload">Check
out my CoffeeCup Form</a>
</iframe>
</noscript>
See how easy it was.

Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
Hi Scott
I have about 10 forms I need to integrate so need to check the code correctly. That was a sample page.
1) For iframe do I need any special plugins?
Conversation resumed in PM's. Can close thread now.
I have about 10 forms I need to integrate so need to check the code correctly. That was a sample page.
1) For iframe do I need any special plugins?
Conversation resumed in PM's. Can close thread now.
The code should be this:
<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"http://offshore-company.co/Forms-OCGuideDownload.php" + window.location.search + "\" width=\"100%\" height=\"774\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E<a href=\"http://offshore-company.co/Forms-OCGuideDownload.php\" title=\"Forms-OCGuideDownload\">Check out my CoffeeCup Form</a>%3C/iframe%3E"));</script>
<noscript>
<iframe width="100%" height="774" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="http://offshore-company.co/Forms-OCGuideDownload/Forms-OCGuideDownload.html">
<a href="http://offshore-company.co/Forms-OCGuideDownload.php" title="Forms-OCGuideDownload">Check
out my CoffeeCup Form</a>
</iframe>
</noscript>
I even made a simple <iframe> and put it on a new page and that did not work either:
<iframe width="100%" height="1673" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="http://offshore-company.co/Forms-OCGuideDownload/Forms-OCGuideDownload.html">
</iframe>
But you have some issues within Wordpress as not even an iframe will appear. Each of the URL's work correctly when accessed, but your page will not display the <iframe>. I would start by looking over all your settings within Wordpress because a default installation of Wordpress will always display an <iframe>. Something most of been installed or configured to prevent them from appearing.
<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"http://offshore-company.co/Forms-OCGuideDownload.php" + window.location.search + "\" width=\"100%\" height=\"774\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E<a href=\"http://offshore-company.co/Forms-OCGuideDownload.php\" title=\"Forms-OCGuideDownload\">Check out my CoffeeCup Form</a>%3C/iframe%3E"));</script>
<noscript>
<iframe width="100%" height="774" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="http://offshore-company.co/Forms-OCGuideDownload/Forms-OCGuideDownload.html">
<a href="http://offshore-company.co/Forms-OCGuideDownload.php" title="Forms-OCGuideDownload">Check
out my CoffeeCup Form</a>
</iframe>
</noscript>
I even made a simple <iframe> and put it on a new page and that did not work either:
<iframe width="100%" height="1673" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="http://offshore-company.co/Forms-OCGuideDownload/Forms-OCGuideDownload.html">
</iframe>
But you have some issues within Wordpress as not even an iframe will appear. Each of the URL's work correctly when accessed, but your page will not display the <iframe>. I would start by looking over all your settings within Wordpress because a default installation of Wordpress will always display an <iframe>. Something most of been installed or configured to prevent them from appearing.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.