Not a wordpress person but need to put a form on a wordpress site
Can you use WFB ?
Thanks
Byron Tipping
Registered User
1,625 posts
Eric Rohloff
Senior Advisor
20,239 posts
Hi Byron,
Yes, I've seen several users use it in a WP site. You may need to remove the script wrapping the iframe and use absolute linking.
Yes, I've seen several users use it in a WP site. You may need to remove the script wrapping the iframe and use absolute linking.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Byron Tipping
Registered User
1,625 posts
No sure how to do that but will look - does wordpress allow you to absolute link? Not sure what that is but could look it up
Eric Rohloff
Senior Advisor
20,239 posts
The code for your form provided by the form builder will look similar to this.
Remove the script and point the iframe src to where your form is actually located with absolute linking.
<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"myform-name.php" + window.location.search + "\" width=\"100%\" height=\"840\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E<a href=\"myform-name.php\" title=\"myform-name\">Check out my CoffeeCup Form</a>%3C/iframe%3E"));</script>
<noscript>
<iframe height="840" style="border:none; background:transparent; overflow:hidden; width:100%;"
id="fb_iframe" src="myform-name/myform-name.html">
<a href="myform-name.php" title="myform-name">Check out my CoffeeCup Form</a>
</iframe>
</noscript>
<noscript>
<iframe height="840" style="border:none; background:transparent; overflow:hidden; width:100%;"
id="fb_iframe" src="myform-name/myform-name.html">
<a href="myform-name.php" title="myform-name">Check out my CoffeeCup Form</a>
</iframe>
</noscript>
Remove the script and point the iframe src to where your form is actually located with absolute linking.
<iframe height="840" style="border:none; background:transparent; overflow:hidden; width:100%;"
id="fb_iframe" src="http://mydomain.com/myform-name/myform-name.html">
</iframe>
id="fb_iframe" src="http://mydomain.com/myform-name/myform-name.html">
</iframe>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Keith W Jones
Ambassador
580 posts
Eric Rohloff
Senior Advisor
20,239 posts
Keith, did you have to do what I suggested for yours to work?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Keith W Jones
Ambassador
580 posts
I knew I was going to get asked.
All I did was paste the following code onto the WP page but I was using S Drive
NB I've changed the name to XXX for security.
All I did was paste the following code onto the WP page but I was using S Drive
<script type="text/javascript">document.write(unescape("%3Cscript src='http" + (document.location.protocol == 'https:' ? 's' : '') + "
/www.coffeecup.com/api/sdrive/forms/form.js?name=XXX%26slug=21611%26height=778%26crossdomains=true%26rand=" + Math.floor( Math.random() * 1000000000 ) + "' type='text/javascript'%3E%3C/script%3E"));</script>
/www.coffeecup.com/api/sdrive/forms/form.js?name=XXX%26slug=21611%26height=778%26crossdomains=true%26rand=" + Math.floor( Math.random() * 1000000000 ) + "' type='text/javascript'%3E%3C/script%3E"));</script>NB I've changed the name to XXX for security.
Eric Rohloff
Senior Advisor
20,239 posts
Ok thanks for that update because that's what it looked like as the script for S-Drive is setup for cross domain execution.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Byron Tipping
Registered User
1,625 posts
Interesting - thanks guys
Byron
Byron
Galen Garretson
Registered User
378 posts
I have inserted several forms into our WP site. We have not launched the site yet, but the forms are up and working. Right now the site is publishing at http://rascal.cc/wp.
For me to get the form to display I had to edit the script Eric mentioned by adding the full path to the php files:
<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"http://rascal.cc/wp/suggestion-form.php" + window.location.search + "\" width=\"100%\" height=\"959\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E<a href=\"http://rascal.cc/wp/suggestion-form.php\" title=\"suggestion-form\">Check out my CoffeeCup Form</a>%3C/iframe%3E"));</script>
<noscript>
<iframe height="959" style="border:none; background:transparent; overflow:hidden; width:100%;" id="fb_iframe" src="http://rascal.cc/wp/suggestion-form/suggestion-form.html">
<a href="http://rascal.cc/wp/suggestion-form.php" title="suggestion-form">Check out my CoffeeCup Form</a>
</iframe>
</noscript>
It seemed to work fine for me doing it this way. Forms are fully responsive.
For me to get the form to display I had to edit the script Eric mentioned by adding the full path to the php files:
<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"http://rascal.cc/wp/suggestion-form.php" + window.location.search + "\" width=\"100%\" height=\"959\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E<a href=\"http://rascal.cc/wp/suggestion-form.php\" title=\"suggestion-form\">Check out my CoffeeCup Form</a>%3C/iframe%3E"));</script>
<noscript>
<iframe height="959" style="border:none; background:transparent; overflow:hidden; width:100%;" id="fb_iframe" src="http://rascal.cc/wp/suggestion-form/suggestion-form.html">
<a href="http://rascal.cc/wp/suggestion-form.php" title="suggestion-form">Check out my CoffeeCup Form</a>
</iframe>
</noscript>
It seemed to work fine for me doing it this way. Forms are fully responsive.
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.
