Web Form in a WordPress site - Page 3...

User 187934 Photo


Senior Advisor
20,271 posts

There's no form code on that page. You have to place the script the form builder generates in your page and add the javascript and css reference links to the header area. Then ftp the files and your all set.
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 464893 Photo


Ambassador
1,611 posts

Nearly there this is what I have so far I added a Iframe plugin and inserted this code
[iframe_loader src="http://inkmon.org/Test2.html" width ="660" height="800" ]
The form loads ok and works but I have to increase my blog width. It looks bad as is. Any advice appreciated. I created a page in VSD to house the form. Page size matches form size. I can improve the left boarder in VSD. Any advice appreciated.

See my attempt here http://inkmon.org/myblog
The Guy from OZ


User 187934 Photo


Senior Advisor
20,271 posts

Looks like the form needs to be remade to only be about 325 wide to fit the current page and not be under any other elements.:)
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 464893 Photo


Ambassador
1,611 posts

You are right, unless I can adjust the wordpress page and hide the posts. I went over some, I certainly raved on. Better than talking to myself I guess, Wait on I do :).
Thanks for reply
The Guy from OZ


User 464893 Photo


Ambassador
1,611 posts

Ok what I did. Thanks to pointers by Eric.
I created a form and fitted it to the same page size in VSD. I created a folder on hosting and loaded the form there and tested it. I will add at this time I believe a S_Drive hosted form could be a better deal. I will try that later. When a form is created a page is created too that will display it. This is ideal to use, although I am still playing with different options. I believe the S_Drive one will be the best as I can dump the reference in the Iframe. On going test.

I then logged into my blog site and installed a Iframe plugin and visited the authors site to check usage.
this was the code I used.
[iframe_loader src="http://inkmon.org/Test2.html" width ="660" height="800" ]

I found I have to modify it and perhaps it could be bettered but it works.

Here is something I do. All my forms I direct to a Gmail account set to bounce back to my main address. Gmail seems to have a great anti spam system. Bit more protection.

The Guy from OZ


User 2586689 Photo


Registered User
4 posts

"Thanks for the help. I'll just use a WP plugin form and forget using the CC."

That's exactly what I feel like having spent hours trying to get your forms working on wordpress.


I have read:
http://www.coffeecup.com/forums/web-for … post214568

The first 8 results that appear on:
Google for "coffee cup and wordpress forms"

and the articles.

I have 30 emails from support.

Tried setup on 3 different hosting providers and websites.


Still no luck in getting it working with wordpress.

I would seriously suggest the dev's look into making this easier or at least provide some guide that actually works.

This "place files where pages" is useless. It seems wordpress stores them in tables. See here:
http://wordpress.org/support/topic/wher … ?replies=5

User 187934 Photo


Senior Advisor
20,271 posts

Hi Alexander,
I;m sorry your having problems with your form. If you find it difficult to get your form setup properly with Wordpress it's probably an issue with the directory structure and where the form script points to. Try this. Manually export your form. Change the name of this folder from myforname_exported to myformname. Upload this folder to the root of your site.
Now in the script provided by the form builder alter the src and href to absolute and add an extra level because of the folder being used.
Example:
<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"http://mydomain.com/myforname/myformname.php" + window.location.search + "\" width=\"100%\" height=\"1673\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E&lt;a href=\"http://mydomain.com/myforname/myformname.php\" title=\"myformname\"&gt;Check out my CoffeeCup Form&lt;/a&gt;%3C/iframe%3E"));</script>
<noscript>
<iframe width="100%" height="1673" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="http://mydomain.com/myforname/myformname/myformname.html">
&lt;a href="http://mydomain.com/myforname/myformname.php" title="myformname"&gt;Check out my CoffeeCup
Form&lt;/a&gt;
</iframe>
</noscript>

The problems your having aren't a CC issue but a Wordpress issue.
Wordpress is a CMS.
Certain Mental Stress.
Hope this helps.:)
Edit::):):):)
Your form is here.
http://constantiadirect.co.za/Forms-OCGuideDownload.php
Give this a try.;)
<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=\"1673\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E&lt;a href=\"http://constantiadirect.co.za/Forms-OCGuideDownload/Forms-OCGuideDownload.html\" title=\"myformname\"&gt;Check out my CoffeeCup Form&lt;/a&gt;%3C/iframe%3E"));</script>
<noscript>
<iframe width="100%" height="1673" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="http://constantiadirect.co.za/Forms-OCGuideDownload/Forms-OCGuideDownload.html">
&lt;a href="http://constantiadirect.co.za/Forms-OCGuideDownload.php" title="myformname"&gt;Check out my CoffeeCup
Form&lt;/a&gt;
</iframe>
</noscript>

If the regular script still fails try using a striaght iframe.
<iframe width="100%" height="1673" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="http://constantiadirect.co.za/Forms-OCGuideDownload/Forms-OCGuideDownload.html">
</iframe>

You'll have to adjust the iframe height to yours.;)
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 157034 Photo


Ambassador
208 posts

I have the same problem popping up now and again. Running the form independently always works fine but embedded in a Wordpress page, sometimes works, sometimes doesn't. Really frustrating!!!
Doesn't work: http://www.sophiehuntergolfacademy.co.u … ct-sophie/
Does work: http://www.greenlysaggregates.co.uk/?page_id=209
Whoop, whoop...
Works : http://www.sophiehuntergolfacademy.co.uk/?page_id=12
It appears to depend upon how you've got your Permalinks set. Default is OK but not good for SEO! Using postname works but perhaps not so good for SEO. I won't sacrifice postnames just to get it to show embedded so forms will have to open outside Wordpress.
Like this: http://www.surfacingsystems.co.uk/bsscf.php
Just create a custom menu item and add it to your Main WP menu
So, yes... it is Wordpress but approaching 20% of the web runs on it if you believe the latest stats.
"Second class fairway is better than first class rough!"
User 187934 Photo


Senior Advisor
20,271 posts

The src for the form is wrong on this one.
http://www.sophiehuntergolfacademy.co.u … ct-sophie/
Open it and either change the src to absolute or add ../ to the front or the src.
Relative:
<iframe id="fb_iframe" width="100%" scrolling="no" height="682" frameborder="0" allowtransparency="true" src="../shgaform.php">

Absolute:
<iframe id="fb_iframe" width="100%" scrolling="no" height="682" frameborder="0" allowtransparency="true" src="http://www.sophiehuntergolfacademy.co.uk/shgaform.php">

The form is here.
http://www.sophiehuntergolfacademy.co.uk/shgaform.php
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 157034 Photo


Ambassador
208 posts

Sorry about the typo... using postname won't work but is preferable.

http://www.sophiehuntergolfacademy.co.uk/sh-cform.html is an acceptable workaround. The Wordpress forms are very easy to add but nothing beats WFB for customisation and ease of use.

Rolly... Top Man!
"Second class fairway is better than first class rough!"

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.