Wordpress compatible

User 458539 Photo


Registered User
1,583 posts

Not a wordpress person but need to put a form on a wordpress site

Can you use WFB ?

Thanks
User 187934 Photo


Senior Advisor
20,181 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.
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
User 458539 Photo


Registered User
1,583 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
User 187934 Photo


Senior Advisor
20,181 posts

The code for your form provided by the form builder will look similar to this.
<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&lt;a href=\"myform-name.php\" title=\"myform-name\"&gt;Check out my CoffeeCup Form&lt;/a&gt;%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>

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>
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
User 2287960 Photo


Ambassador
580 posts

Form on WP site, but note using S Drive.

http://www.kwjassociates.co.uk/contact/
User 187934 Photo


Senior Advisor
20,181 posts

Keith W Jones wrote:
Form on WP site, but note using S Drive.

http://www.kwjassociates.co.uk/contact/

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
User 2287960 Photo


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

<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>


NB I've changed the name to XXX for security.

User 187934 Photo


Senior Advisor
20,181 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
User 458539 Photo


Registered User
1,583 posts

Interesting - thanks guys

Byron
User 2140875 Photo


Registered User
364 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&lt;a href=\"http://rascal.cc/wp/suggestion-form.php\" title=\"suggestion-form\"&gt;Check out my CoffeeCup Form&lt;/a&gt;%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.