Are you using WordPress Google Form? If so, please consider making a donation!
2/5/2013: A viable work-around is now available for this issue. I continue to work on a solution for the new forms as well.
2/4/2013: Last week Google updated Google Forms. Unfortunately forms created from scratch with the new version of Google Forms are not currently working with this plugin. I am working on a solution and will release it as soon as I have something which works. Existing forms appear to work without any issues. See this post for more details.
The WordPress Google Form (aka wpGForm) plugin allows a Google Docs Form to be embedded into WordPress posts, pages, and widgets. Through the use of the gform shortcode and optional attributes, the form can be styled to better match the current theme.
Note: Support for multi-page Google Forms was added in v0.12. With the addition of support for multi-page forms the custom confirmation page changed. See the release notes for details.
Sample Form
Click here to see a sample form.
Sample Results
Click here to see the results from form submissions.
Sample Multi-Page Form
Click here to see a sample form.
Sample Multi-Page Form Results
Click here to see the results from form submissions.
Interested in trying the WordPress Google Form plugin yourself? You can find the WordPress Google Form plugin in the WordPress plugin repository.
Tips and Tricks
- Hiding the Title
- Validation Form Fields
- Styling the Submit Button
- Highlighting Missing Required Fields
Help and Support
I try to respond to comments when they are posted and I do so on a best efforts basis. If you have a problem or question you’d like me to look, please submit the form on my Help and Support page and I’ll do my best to look at your problem as soon as I can.
Hi Michael!
I tested your google forsm plugin and it *almost* worked. I get the form, formatted using my WordPress Style, however I also get a chunk of css drawn above the form.
I tried chaning custom css, default, disabling them to no good. When I changed the theme of the form in google-forms then the css-changed as well. Do you know how I can remove or hide this large chunk of css above the form?
Awesome plugin, I think I’ll use it a lot once I get it to work
Best regards,
Patrik
Can you send me a link to where you have it installed? I’ll take a look and see if I can figure out why you’re seeing some extra CSS. It is possible your form is different enough from mine that the HTML the plugin is receiving from Google isn’t exactly as expected.
You can also try changing the Form Theme on the Google side to “plain” or no theme.
I have run into the same problem you described on one of my own sites so I will get busy on finding a solution.
Works like a charm now
Hey im go to live feed of form and put in that adress is that the right url to give the shortcode because for now its telling me unable to retrive form
Yes, that is the correct URL. Make sure the permissions are set so it works when you aren’t logged into Google Docs. WordPress will not have your login credentials when it goes to pull the form.
How are permissions set? Is this something I do on Google? If so where?
FYI I’m not a coder so CSS doesn’t make much sense to me.
Permissions can mean lots of things. For WordPress Google Form to work correctly the following must be in place:
If the above is true, then the only permission issue which could come into play would be whether or not the post or page the form appears on is protected with a password or role capability. In most cases this isn’t enabled but there is no reason why a post or page can’t be protected using any number of methods which WordPress supports. There isn’t any functionality inherently in WordPress Google Form which deals with permissions – if the encapsulating page or post is visible to the user, the form will be rendered when the short code is processed.
Hi Michael,
Your plug in is great! My form looks 1000x better now than previously.
There is bullet points before the options, do you know how to remove them?
If it can be done, then this plug in is absolutely perfect
My form is located at http://couragegym.sg/?page_id=138
Thanks for your help!!
Hongkiat
If you load the default GForm CSS (it is a checkbox on the GFroms Setting page) the bullets should go away. Also, I have been alerted to an issue with required fields (see this) that I am trying to resolve right now.
I also am having trouble with the bullets on the list. I checked the box as instructed. Any idea what I can do to fix this? I had the same trouble when I tried to add the form to my page using HTML, before I used this plugin.
Here is my page
http://www.tammyhowellblog.com/?page_id=814
Looks great – see my reply to your other comment and I think you’ll be all set.
More details on how to hide bullets can be found here.
Add the following to either your Theme’s CSS or to the Custom CSS section on the wpGForm Settings page:
div.ss-form-entry>ul {
list-style-type: none;
}
This will turn the bullets off for the list items. For your application, I would put this in wpGForm Custom CSS settings and make sure to enable the checkbox to load the custom CSS.
Hi Mike – I did this, the CSS is being loaded in the source code, yet the bullets are still there. Here is the form: http://66.147.242.158/~corebaby/cleveland-humanities-magnet-online-confirmation-for-2012-2013-enrollment/
Based on the solution I sent you for your site, I’ve updated the post I show how to hide the bullets so it will be more generally applicable. For the curious, the CSS should appear like this:
div.ss-form-entry>ul li { list-style-type: none;}If have been having trouble with Google Forms that contain required fields, check out my latest post on the subject.
Hi,
Thanks for your help. Really a newbie here. How do you load the default Gform? Not sure where the checkbox is located…
BTW, the link to your required fields page does not lead to anywhere. Perhaps you have included the wrong link?
Hongkiat
The checkbox for the default GForm CSS is on the Settings page for WP Google Forms on the Dashboard.
Pingback: www.MichaelWalsh.org | Support for multi-page Google Forms?
Although I don’t use wpgform in WordPress, I’ve been trying to figure out a way to get around the default confirmation page for months for another project. How did you get a custom confirmation to override? Everything I tried was ignored or broke the action.
And in this section of the “readme.txt file” there’s a spelling error you may want to correct (If not, that’s cool).
== Usage ==
The WordPress Google Form shortcode `gform` suupports (There are two u’s in supports)
Even though you are not using WordPress, if you download the plugin code and take a look at the source file wpgform-core.php, on our about line 280 you’ll find the following code:
// Redirect to a custom confirmation page instead of the Google default?
if (!is_null($confirm))
{
// Need to modify the FORM tag and add some new attributes.
$xtra_form_attrs = 'target="gform_iframe" onsubmit="submitted=true;"' ;
$html = preg_replace("/<form/i", "<form {$xtra_form_attrs}", $html) ;
// Need some extra HTML which must be inserted before the extract FORM HTML.
$xtra_html = 'var submitted=false;' ;
$xtra_html .= '' ;
}
else
$xtra_html = '' ;
Essentially I insert a small bit of Javascript to redirect the confirmation to my page instead of Google’s. Hope you find this helpful. I can’t take complete credit for this trick, I found something similar when I first started working on this plugin and adapted it work with with WordPress and my application.
There seems to be a bug with Google Forms on my installation. The confirmation page is not working, not even the original Google one.
The plugin generates HTML code with spaces instead of / characters!
For example
http://kek.org.hu/filmnapok/regisztraciojat-fogadtuk</a>';}">The above link doesn’t resolve – can you point me to the right one? I’ll take a look at my test forms, it is possible I introduced a bug – it wouldn’t be the first time!
Here is a pastebin about the code instead:
http://pastebin.com/raw.php?i=p30jmsN1
I am still not seeing where the issue is – this pastebin shows a bit of an iframe – is that what you want me to look at?
Firstly thank you for the plugin. Its nice to use the same.
I have integrated the form in my Website. But what i want to know is how do I integrate the results page?
http://michaelwalsh.org/wordpress/wordpress-plugins/wpgform/sample-form-results/
The one which is being displayed on the above link?
I use the Inline Google Spreadsheet Viewer plugin (which I did not write) to display the results on a web page. The plugin has some nice features and if you know CSS pretty well you can really style how the Google Spreadsheet results are displayed.
im having an issue with our form confirmation page as well.. Forum submits, but never shows the confirmation page http://occupyatlanta.org/communicate/proposal-or-complaint-form/
I looked at the source of your page and something doesn’t look correct in this code:
<iframe name="gform_iframe" id="gform_iframe" style="display:none;" onload="var _0=this;__CF.DJS.push(function(){(function(){if(submitted){window.location='http://occupyatlanta.org/2010/11/03/thank-you/';}}).call(_0)})"></iframe>
This is the code from the sample here on my web site:
<iframe name="gform_iframe" id="gform_iframe" style="display:none;" onload="if(submitted){window.location='http://michaelwalsh.org/wordpress/wordpress-plugins/wpgform/sample-thank-you/';}"></iframe>
As you can see, yours has some extra stuff in which isn’t generated by my plugin and I am not sure what it does. Any idea where it came from?
Hi Mike,
Are there any directions on how to use your plugin for someone who knows very little html? I am trying to make slight adjustments to my form and can’t figure out how to do it through your plug in.
Thank you!
Did you read through the Other Notes section on the WordPress plugin repository? It shows an actual URL embedded in the short code. If you can point me to your page I can probably make a suggestion on how to achieve what you want.
hello Michael -
integrating wpGForm with my wp contact page and so far so good. i like it and think it will work great for more elaborate forms planned for the future.
i was adding to Custom GForm CSS with no hang ups until i got to the submit button. now i’m stumped :[ when i try to alter css it seems to effect other input field formatting as well. having a hard time determining what is styling what.
for what its worth… site currently uses a wootheme template where shortcodes are available to decorate buttons but unsure how or if its possible to use button shortcodes for wpGForm.
any advice or recommended resource is much appreciated,
paul -
Paul -
I used this code on one site to change the background color of the submit button.
div.ss-form-entry>input {
background-color: pink;
}
It only affected the submit button for the Google Form so I am pretty sure you can use the same CSS selector to do what you want.
Mike -
Went with your suggestion… The CSS does effect the ‘Submit’ button but also effects all entry fields (Name, Email, etc) the same way. My form fields ‘Name & Email’ are set to ‘required’ so perhaps that’s why my result was different then yours. To gain control of the ‘required’ entry fields i began playing with:
input.ss-q-short.gform-required { }It worked but somehow it doesn’t seem to be the most efficient. I’m still new to CSS and barely grasping it, so always open to advice.
Thanx Mike,
Paul -
Yes, you’re right, it would affect all fields which on the site I used it on was intentional. I didn’t think about that. I can’t think of anything better off the top of my other than what you’ve done without using jQuery to select the specific input tag for the submit button. The code that Google returns looks like this:
<div class="ss-item ss-navigate"><div class="ss-form-entry">
<input type="submit" name="submit" value="Submit"></div></div>
There isn’t any class or id attributes for the submit to style. I’ll have to think about it but it is likely possible to insert a class based on another attribute on the shortcode.
Hi!
Thank yuo for this awesome plugin.
I’m a bit struggilng with making this plugin work.
My page with a form is here:
http://szybkanaukapro.pl/potwierdz-subskrybcje/
My gform shortcode:
[gform form='' confirm='' class='' legal='on' br='on' prefix='' suffix='']
When on a page there is error message:
“Unable to retrieve Google Form.”
PS my google form is available for public.
Please HELP!
Sorry but i see that it deletes everything in ”
My google form url: https://docs.google.com/a/szybkirozwoj.pl/spreadsheet/embeddedform?formkey=dFZ5azZWTFpwZVc2dW50WXNzdkdvX3c6MQ
Your form can definitely be embedded, I put it on a test page on my own site and it rendered fine.
I suspect you have a syntax problem. I looked at your web page and there isn’t enough information in the HTML for me to see where you might have made a mistake. Any chance you can post a screen shot of your page in the Editor so I can see what you have in the shortcode?
Hmmmm, there seems to be a minor bug in the CSS application.
I added my custom prefix (works!)
I added definitions for three of the custom-prefixed values in the special CSS box for your application.
— No effect…
I added the definitions to my theme’s CSS file
— Works
So… the prefix is working, the CSS is being processed, if its in my theme’s CSS file, but the part that should allow me to add it without editing the theme directly doesn’t appear to work.
(as I say, minor issue, because I can work around it, but thought I’d report it)
Did you also check the box that tells the plugin to use the Custom CSS you added to the text box? In addition to adding the CSS declarations, you also have to tell the plugin to load your custom CSS by marking the appropriate check box.
boy, do I feel stupid…. that was indeed the issue. DOH!
I love this plugin… the only thing I am waiting for is multi-page support since my forms are multi-page surveys (the forms skip to certain pages based on answers)
No worries – I want multipage to work too but unless I embed the form in an iframe (which loses the ability to style it), I don’t have a viable solution yet. I have found a pretty slick Javascript technique that looks promising, I just need the time to focus on it. Soon – I promise!
Just wanted to provide a quick update on multi-page forms. I am making progress. I have a solution working in my development area, the only thing left to do is to solve the custom confirmation page. My solution for multi-page forms invalidates the technique I used for the custom confirmation page so currently the Google confirmation page is displayed (correctly) upon form submission.
Pingback: Cómo incrustar un formulario de Google en WordPress « Oficio Gráfico
Hi Mike,
This is a great plugin. I’m currently using it at http://www.wurble.net/blog/improvisational-travel-workshops.
I’m still struggling with one thing: line breaks! All of the line breaks have disappeared, and I can’t figure out how to bring them back. For example, in the last few questions on the page, the “help” text and the input box come directly after the question, and it’s confusing.
How can I solve this?
I really struggled with this for a while because when I put this on my site to test it, it worked.
So why does it work on my site but not on yours? It turns out, it is a CSS issue. My guess is that my theme has some parent level CSS which is causing it to behave differently than yours does. So how can we fix it? I believe this is what you’d like to achieve (which I did using FireBug):
To achieve this, add the following CSS to either your theme or to the custom CSS field (and make sure to enable it) in the plugin settings:
label.ss-q-help {
display: block;
}
Thanks for your help, this worked great!
I’m still trying to figure out how to handle the form description at the top, though. It has the line breaks, but the empty lines between the paragraphs have disappeared, and my bold tags (from the original Google form) aren’t being rendered.
Is this something that’s possible to fix using CSS? Or should I just write the description part of the form on my own website, and only display the input part of the form using wpGForm?
Thanks again for your help!
I should add that on the original Google Form, which is at ___, the line breaks are present AND it correctly renders my bold tags — so this is a plugin issue, not a Google Forms issue.
Thanks for your help!
This is actually a grey area. The intent of the plugin is to allow the Google form to be embedded within your WordPress site so it can be styled to match your theme using CSS. The CSS supplied by Google is not used so the behavior you see may (and in your case it is) different than what you see when you look at your form within the Google Docs context. This is by design. I’ve included some very basic CSS definitions in the default CSS supplied with the plugin but they are minimal and only style what I thought would be the default.
So the real answer to your question isn’t that there is a problem with the plugin, it is doing what it is supposed to do. The problem is that you need some additional CSS to achieve the design you want to achieve.
Nope that helps explain why you’re seeing what you’re seeing and as I replied to your other comment, there is a simple solution to address your problem.
Forgot the form link:
https://docs.google.com/spreadsheet/viewform?hl=en_US&formkey=dDJPVVNNSWpRT3pNZ3RxY3hQOWgwSEE6MQ#gid=0
Thanks – this helped me chase down your issue because I could put your form on my site. See my other reply.
It works nice, but after submitting it returns to the same empty form. How do I redirect it to a confirmation page?
Joost
There is a bug in the default confirmation page behavior which is why you’re seeing it return to the same page. I have it fixed but haven’t released an update yet because I am trying to handle multiple page forms (which doesn’t look possible unless I find another idea). The confirmation page will work if you specify a URL as the confirm argument:
[gform form='<form URL>' confirm='<confirm URL>']
Hi Mike,
I tried the code above, but I still get resolution to only the first page.
Any ideas?
thx.
Is your form multipage? If so, the current version of the plugin doesn’t support multipage forms. I’ve tried a couple things to get it to work and I have one idea I am working on but I have not had much time to work on it over the past couple weeks. Now that the holidays are over and I am back from the Disney Soccer Tournament, I should have some more cycles to look at it again.
Pingback: create a free website form using google docs and embed it in wordpress
Hi Mike,
Really like your plugin!
The one odd thing is that the Google text comes up in german and I don’t see where to tweak that.
Any ideas?
thx.
Sorry for the delayed response – off the top of my head, I am not sure. Is there a way to share a Google Doc with a language setting? If so, I would try adding that to the form URL.
I have the same problem. My site is in catalan/spanish/english/italian, I use mlanguage plugin which had a default language choiche as german, but I disabled it and I use those 4 other languages.
Anyway, the gform now displays messages in german (!). Gform account is in catalan. Very strange. How can I tweak it?
Thank you it is a great plugin
done it with the URL thing. Thanks!
Hi again,
I’m still wondering if there’s something that can be done about the linebreaks and bold tags that are missing in the “form description” area.
My website: http://www.wurble.net/blog/improvisational-travel-workshops/
My google form: https://docs.google.com/spreadsheet/viewform?hl=en_US&formkey=dDJPVVNNSWpRT3pNZ3RxY3hQOWgwSEE6MQ#gid=0
Is this something that’s possible to fix using CSS? Or should I just write the description part of the form on my own website, and only display the input part of the form using wpGForm?
Many thanks, and happy holidays!
Sorry for the delayed response on this – I’ve been tied up for the past few weeks and am behind on looking at these issues. It turns out the reason why your bold text isn’t coming through is because the bold tag isn’t in the list of allowed tags when the HTML is parsed. I’ve added it (along with the italic tag) to the list of allowed tags in my development version so when I get an update posted, it should work.
I have everything working but styling the checkbox section nicely. It looks like the check box section has been expanded to the same length as all of the other input boxes (45%). This results in a lot of white space then the small check box then more white space and my label.
What can I add in the custom CSS section to shift this all back over to be left justified? I’m guessing it’s by defining CSS for that one section of input by it’s group ID or something.
Thanks for any pointers!
Doug
I figured it out.
#post-142 .ss-q-checkbox {
width: 0%;
}
post-142 is the page I embedded the form on.
Tks,
Doug
Glad you figured it out – sorry for not getting to you sooner.
Hi Mike,
Your plugin is very interesting but I’ve 3 problems with it
1) My website is hosted in Germany so the form is displayed in german instead of french. A language switcher in the option panel must be the solution.
2) It would be nice if we could disable the title and the description of the Gform. The title is into an h1 element, h2 or h3 would be better.
3) between questions and descriptions would be appreciated
I let you see the form : http://wp-themes-pro.com/gform
)
(don’t look at CSS, it’s still ugly
Thank you
Alex
Let me see if I can answer your questions:
Thanks – I’ll do what I can to help.
Hi Mike,
I rechecked and here is my responses :
1) I added the language parameter in the URL and it’s working in french
2) It would be awesome !
3) My mistake, I ommited to write br in this one
so a br element between questions and descriptions would be good because description are displayed just after questions.
I hope you see what I mean, you can check this page to understand : http://wp-themes-pro.com/gform
Thnaks for your time
Alex
Hopefully these changes will address the things you are trying to do.
Thank you for this plun-in. I’ve figured out pretty much everything, except on thing. I used your suggestion to eliminate the bullet points in front of the checked-boxes, and it worked to get rid of the bullet points. But it’s still adding a lot of white space on both sides of the checked boxes. How do I get them to align on the left margin, with no extra space?
Thanks.
Without seeing your form it is hard to say exactly by I would play with the “margin-left” and “padding-left” properties within the same CSS declaration you turned off the bullets. I’d start with something like this and change the values until I was happy with how it looked. White space can sometimes be tough to collapse but it can be done, sometimes you need to change the style for the surrounding element.
div.ss-form-entry>ul {
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
}
You can also play around with negative margins too. If you want to post a link to your form I can take a look at it.
Hi,
This is a great product. I’m having trouble with proper display, which I’m assuming is a styling conflict. Any thoughts? Here’s the page: http://www.thejre.org/?page_id=1307
Thanks so much!
It looks like your theme has a float property of left on all label elements which is making your form look like a mess. I would try adding the following to the wpGForms custom CSS setting (make sure you enable it with the check box):
div.ss-form-container label {
float: none;
}
Fantastic. Displays perfectly now. Thanks so much!
Hi, I tried using this plugin, but I am getting message “Unable to retrieve Google Form. Please try reloading this page.”
page url: http://arisys.co.cc/wordpress/?page_id=121
Form URL: https://docs.google.com/spreadsheet/viewform?hl=en_US&pli=1&formkey=dEt1MnJWUXpvOFd0aGFGdExtTFRGZUE6MQ#gid=0
The syntax of your shortcode must be incorrect because I was able to load your form, see it on my site here. I used this shortcode:
[gform form='https://docs.google.com/spreadsheet/viewform?hl=en_US&formkey=dEt1MnJWUXpvOFd0aGFGdExtTFRGZUE6MQ#gid=0']
Hi Mike, Thanks a lot for you reply. I tried using exactly the same syntax which you have mentioned above, but still getting the same message. Please check http://arisys.co.cc/wordpress/?page_id=121. Can this be a problem with my plugin installation. If yes what should I do?
Please help as I can’t miss using such a wonderful plugin
A couple of things I have seen that could cause it not to load properly:
Check these and let me know what you find. It has to be something like this causing the problem because it works fine on my site.
Hi Mike,
None of this is fixing my issue. I am still getting same message.
Sumit
If you want to create a username for me on your blog so I can look at I would be happy to do so. Otherwise I’ll need you to send me a screen shot of the post edit screen.
Just to close the loop on this issue – the reason is isn’t working is due the WordPress running on a free hosting service which disallows use of the the remote request options that the WordPress HTTP API relies on. The same issue affected prevented Dashboard notifications, WordPress, theme, and plugin update notifications, and plugin and theme installation from the Dashboard. If you see HTTP API errors on the WordPress Dashboard it is unlikely wpGForm will work because it relies on the same API.
Exactly this was my issue
Visual editor added a link in the shortcode.
THANK YOU!!!!!
Mike You ROCK!!!!!
You’re welcome – glad it is working for you.
Hi Mike, Please provide your mail id, so that I can send credentials. My mail id jacksumit@gmail.com
I have sent you an email with my Gmail address in it.
Hi Mike,
Thanks for the updated version (I’m using 0.14 now). The bold tags work great, and I was able to add line breaks by adding extra tags in the form description at the Google doc.
After adding the tags, though, I am seeing extra space being added at the bottom of the ss-form-desc container. Firebug indicates that there are two extra sets of tags at the bottom there, even though I didn’t write them. Where could they be coming from? Obviously it’s easy to fix by controlling margins, but it seems odd that it’s happening at all.
Lastly, is it possible to add the , , , etc. heading tags to the list of things that can be included in the Google doc (and are not stripped during the import)? This would enable me to format my mini-headings in the form description. (In my case, that’s the titles of my workshops, which are currently just bold.) Hopefully this is relatively simple to implement.
Thanks so much for your help.
Oh, and the website and Google doc are same as in my comments above…
My website: http://www.wurble.net/blog/improvisational-travel-workshops/
My Google form: https://docs.google.com/spreadsheet/viewform?hl=en_US&formkey=dDJPVVNNSWpRT3pNZ3RxY3hQOWgwSEE6MQ#gid=0
Ah… forgot to exclude code. Trying again.
Thanks for the updated version (I’m using 0.14 now). The bold tags work great, and I was able to add line breaks by adding extra
tags in the form description at the Google doc.After adding the tags, though, I am seeing extra space being added at the bottom of the ss-form-desc container. Firebug indicates that there are two extra sets of
tags at the bottom there, even though I didn’t write them. Where could they be coming from? Obviously it’s easy to fix by controlling margins, but it seems odd that it’s happening at all.Lastly, is it possible to add the
,,etc. heading tags to the list of things that can be included in the Google doc (and are not stripped during the import)? This would enable me to format my mini-headings in the form description. (In my case, that’s the titles of my workshops, which are currently just bold.) Hopefully this is relatively simple to implement.Thanks so much for your help.
If you look at your original form using FireBug you will see this:
The extra space you’re seeing is due to the three empty <p> tags in your original form. I am not sure why you don’t see them rendered the exact same way, there must be some sort of CSS display or collapse property that is different between the CSS on your web site and the CSS that Google uses.
The other issue you reported (default CSS problem) is fixed in v0.15 and available now, see this post.
Still didn’t work
sorry. In my first two paragraphs, I’m talking about paragraph tags. After the word “lastly,” I’m talking about h2, h3, h4 etc. heading tags.
Yes, I can add these tags – I will try and do that tomorrow morning.
One more thing – it looks like in version 0.14 of the plugin, it’s loading both the Google default CSS and the custom CSS at the same time. For one thing, I can’t uncheck the “enable default CSS” checkbox on the plugin settings page in WordPress (if I uncheck it and press “save changes,” it comes back checked again). For another thing, some of that default CSS is now overriding my custom CSS. Notably, I am trying to make the Submit button to have background “none,” which works just fine in Firebug but not when I type in the actual code.
http://www.wurble.net/blog/improvisational-travel-workshops/
I will take a look at this and the other issues you noted tomorrow morning. I made a change to the way the defaults are loaded, I’ll bet I messed up the it always takes the default even when it is already set to be off.
The H2-H6 tags have been added to the list of allowed HTML and the problem with the default settings has been fixed. See this post for details.
I added your plugin here and determined that checked select boxes (see group “Aufenthalt”) aren’t written to the according Google table. If I use the Google form itself those checkboxes are transformed to the sheet (?)
I will take a look at it today and let you know what I find.
Can you send me the URL to view the spreadsheet with the results in it?
This bug is fixed in v0.16.
Hi Michael, thanks for the plugin.
I’m testing the plugin in 2 blogs, but only worl«king on one.
The first submits and sends back a success message.
The otther onne just refreshes, show the form again and submits nothing, even if I don’t fiil in required , nothing happens, it just refreshes.
Yesterday was giving me a 403 code, until I stated using friendly permalinks instead of id=1223.
http://www.ppa.pt/eventos/inovacao-para-a-competitividade-em-servicos-de-agua/inscricao/
here it is the form
I get a 404 error when I try and view the form using the URL you posted.
Does your form have an “Other” question? If so, there was a bug that incorrectly passed the value of the other field on to Google during the form submission. That bug has been fixed in v0.16 which is now available.
Hello Mike,
This was working fine. I made a few changes to my form, but I don’t think that should have affected the link. I updated the plug-in. Still can’t get confirmation page after submit. I have even removed any “other” options from the questions, and left only minimal required questions. Still can’t get form to submit. It says, “still have unanswered questions”. Which ones are unanswered aren’t readily apparent either. Here is my code.
[gform form='https://docs.google.com/spreadsheet/viewform?hl=en_US&formkey=dHBSd0ZZTWY0OVJONF96MXFZWEY0OVE6MQ#gid=0' confirm='http://www.balancedmeridian.com/thankyou/' class='mgform' legal='off' br='on' title='off' prefix=gfo'mygform-' maph1h2='on']Thanks for your time
Michele
I believe I have fixed this problem, please try the new v0.18 release and let me know if you are still seeing incorrect behavior.
I have just installed this plugin(v0.16) and loving it, however I am using a multipage form which takes the user to a certain page depending on their choice on the first page. The form goes through everything fine but on the results sheet the plugin doesn’t appear to be sending the results correctly. I have made the results sheet public for now to help fix this and so you can see what I mean. Links: Form. Results Sheet”
The form using the plugin is located here, my bad: http://www.avalonproject.co.uk/?page_id=44
Think server is having a bit of a hiccup atm, should be working again soon. You can still see the broken results though. Feel free to submit a form if server sorts itself out.
I will try and look at this either tonight or tomorrow morning.
ok thanks, Much appreciated.
Please try the latest update (v0.18), I believe it will address the problem you are seeing.
Thanks, works a treat!
Hey – just wondering if I could use just a ‘Thank You’ alert instead of of a page for the ‘confirm’ parameter. I think I have to edit wpgform-core.php, if you could provide the code I could paste for this, that would be so helpful!!
Instead of editing the plugin source files, I have added a new feature to support your use case. If you add the optional alert=’message text’ to your gform shortcode, you’ll get an Alert Box upon successful submission. You can find more details in this post about the new update.
Mike,
I am continuously getting the “Unable to retrieve Google Form. Please try reloading this page.” and I already checked with the hosting company to make sure that the WordPress HTTP API was working and they said it was. Any other ideas on what to do?
Thanks
Here are a couple of ideas: 1) Do you see any errors on the WordPress Dashboard? You would see these on the “Other WordPress News” widget. WordPress Google Form uses the same API as this widget does. 2) Is this Google form published? If not, it needs to be. 3) Can you share the shortcode you’re using with me? I can test it or look at it.
Hi Mike,
I used version 0.22 of your excellent plugin here but I can’t get the multi-form part working properly. The multiple choice question on page 1 determines, which page is called next. Answer 1 leads to page 2, answer 2 to page 3 and answer 3 leads to page 4 (the last page in the form).
When I select answer 3 it works fine and forwards me to page 4 but when I select answer 1 or 2 it doesn’t forward me to the page specified with the question but to the setting specified with “After page 1… Continue to next Page/Go to Page 1/2/3) in the bottom right corner of the page box.
Any idea what could cause this behavior? If you need any more details just drop me an email (everything works as expected when opening the form directly btw).
Thanks you!
Wolfgang
I’d be happy to look into this for you if you can share some of the data with me. I dropped you an e-mail with some questions in it.
I downloaded your plugin and am having a slight problem. All the formatting shows up at the top of the page and none of the formatting affects the actual text. What am I doing wrong.
http://kprdradio.com/wp/?page_id=6
Thanks for your help.
You have a whole bunch of content that appears between <code> tags including the CSS declarations which appear on your page. Any idea where those tags are coming from? Anything which appears within <code> tags will be rendered as raw text and not interprted by the browser as HTML or other syntax (e.g. CSS or Javascript).
I just opented up Google Docs and went to new/document. I created the document, made it look like I wanted it to look, and then saved it. Below is the code I inserted.
[gform form='https://docs.google.com/document/pub?id=1GWVCuU9dMJgwmx6p2Qa5hran-rOjpSCwRgRyLheVLww']
Have you selected a theme within Google Forms? If so, try changing it to the “Plane” theme and see if that makes a difference.
I am pretty sure I found and fixed the problem. I think it is due to choosing an appearance theme for the Google Form in the Google Form designer. I recommend not choosing a theme and instead letting the WordPress theme dictate the appearance of the form when it is embedded on a WordPress site. All that said, I think I have it fixed in v0.23 which I released a short time ago.
Thanks so much. That seems to have done it. I’ll check into it a little further but it seems to be working. I didn’t realize I’d piced a theme. But I guess I did. Thanks again.
The plugin is having serious issues with non-english characters.
I put it in a form and accents and the ñ are not being saved in the spreadsheet. It is not a Google Form issue as i tested using the form directly and the characters are being saved.
For example if i select in languages Español and Inglés (for Spanish and English) directly using the form i find “Español, Inglés”, but using the one your plugin embeds i got “Espaol, Ingls” instead. Are you using some specific encoding on your files or something? I suggest you to use UTF-8 to avoid those issues.
Anyway i wonder why is that happening because in the webpage the values are being shown correctly. It should be on the values or at the form sending time…
In order to solve the issues about bad management of non-english characters on those forms, we checked the generated html using firebug just to find the values are correctly shown on the html code. Then we believed your code to split checkboxes was wrong, but also find that values of checkboxes or textfields and textareas were being saved with errors on the spreadsheets.
Then we decided to go and replace this lines of code:
if (is_array($_POST[$key]))
{
$pa = &$_POST[$key] ;
foreach ($pa as $pv)
$body .= preg_replace($patterns, $replacements, $key) . '=' . $pv . '&' ;
}
else
{
$body .= preg_replace($patterns, $replacements, $key) . '=' . $value . '&' ;
}
with
if (is_array($_POST[$key]))
{
$pa = &$_POST[$key] ;
foreach ($pa as $pv)
$body .= preg_replace($patterns, $replacements, $key) . '=' . rawurlencode($pv) . '&' ;
}
else
{
$body .= preg_replace($patterns, $replacements, $key) . '=' . rawurlencode($value) . '&' ;
}
And it is working now.
The key is to rawurlencode the values.
Thanks for digging into this, it was on my to-do list for this weekend! I fugured it had to be something I wasn’t accounting for with UTF-8 characters. I will fold your change into my code and push out an update.
I have incorporated your fix into v0.24 which is now available. Thanks again for doing this.
It was driving me crazy, hehe. Nice i was able to find it on time.
There’s another issue. A really simple one. The file wpgform-core.php was triggering a warning “PHP Warning: Cannot modify header information – headers already sent by (output started at /…/wp-content/plugins/wpgform/wpgform-core.php:1079)”. I checked the file just to find a few empty lines at the end. This seems to not to cause an error, except when loading the url with www before it. I installed it on lidapatty.com/website, and sometimes the pages were giving wp blank screen of death. When trying to load the website as http://www.lidapatty.com/website they’re were always blank dead. A simple error like that would lead other users to remove the plugin rather than finding and removing a few empty lines.
By the way, are you coding on Mac? WinSCP text editor shows lines separated by empty lines in between, like using double enter before each one. I don’t know if that caused the issue or if file had the empty lines before.
That is a very odd error and I don’t see it on my development platform. The wpgform-core.php file only has 539 lines in it so I am not sure why it would report a problem on line 1079. I edit my files on a Windows 7 Virtual Machine using Vim as my text editor. Running “wc -l wpgform-core.php” under Cygwin also reports 539 lines. Tomorrow I will take a look at the file as it is delivered by the WordPress plugin repository, maybe something is happening to it in that process.
Hello Mike,
is there any possibility you to add an option of autoreply to the person who submitted the form in the next plugin update?
What sort of auto-reply? The tricky problem would be determining what e-mail address to send the auto-reply to. Something on the form? Is the user required to be logged in? If the user was required to be logged in, then yes, an auto-reply feature would be possible. That said, I don’t know how generally applicable it would be. If I’ve completely missed what you are asking for, please clarify.
I mean the auto-reply to the person who is not logged in and the e-mail is being provided via the form.
I see this in that way that I can provide the content of the auto reply in the plugin’s admin page and the same when it comes to the email field. I would simply enter the name of the field in which the user inputs the email address, in order to plugin knew where in fact this data is.
See the my posting from today. If I went the CPT route, what you are asking for may be possible but it would mean “special” handling for a field somewhat like I mentioned on how some fields could be hidden and populated with data from a user.
THX for this great lil plugin!
I’m using it on an institution web page. My only problem is with custom confirmation page.
So A user clicks SUBMIT, then page shows original confirmation page for a while, only then it redirects to custom confirm page.
As I have seen in your demos, you managed it to run without redirection delay.
Anything I’m missing
here?
THX in advance.
I don’t do anything special to make mine load quickly. However, my form is pretty simple, it only has a few form elements. How complex is your form? How quickly the redirection happens is a function of how quickly Google Docs responds. I need to look into this again and see if I can “re-implement” the original solution I had before I supported multi-page Google Forms. The multi-page form require forced me to change how I was doing the confirmation page.
It’s no complex at all. I’d like to point the address of my site but it’s an gov institute and for that, I just don’t wanna put the address here.
Let me see if I can send you a twit message.
Yeah multiform support could’ve broke delayless redirection. I just got two text boxes (one is a paragraph) and a submit button, thats all.
Check your e-mail for how you can send me something you don’t wanted posted in these comments (which I completely understand).
Mike,
Thanks for all your work and great support. The plugin is really great. I am experiencing some formatting issues. Looks like extra tags or tags that make the layout of the embedded form stretched out.
1. I’d like to tighten it up vertically.
2. Tons of vertical whitespace that needs to be taken out.
2. The asterisk for the required fields is on a line below.
http://www.evenkeelorthotics.com/custom-performance-insole-ordering-form/
Could you please take a look and share your thoughts.
I am happy to take a look but the URL you provided shows a 404 when I visit.
I think the bulk of your problem stems from the fact that you appear to have wrapped the gform shortcode in <pre><code> and </code></pre> tags. I think if you go to the HTML view of your page (post) you will see something which looks like this:
<pre>
<code>
[gform url='' br='on' ...]
</code>
</pre>
Removing the PRE and CODE opening and closing tags should eliminate the majority of your white space. The PRE tag is the primary contributor to your white space problem. I used FireBug to edit your page content and took out the PRE and CODE tags and your page renders like this:
You can also set the change the br shortcode attribute from ‘off’ to ‘on’ and see if that moves the asterisk to where you want it. You may not have to after getting rid of the PRE and CODE tags, I’d start with them.
Mike,
Thank you for looking into this. I removed the <code> and </code> tags as you recommended.
IT WORKED!. How those nasty tags got in there is a mystery.
Not only is your plugin a great tool but you really helped to support me with a problem that wasn’t really related to the plugin.
Thank you for your good work. We need more developers like you.
-B
1- I tried :
div.ss-form-entry>ul {
list-style-type: none;
}
to remove bullets but it changed nothing. Acutally nothing that i put in the Custom GForm CSS box seems to work, and i only have Enable custom WordPress Google Form CSS checked, so it should work!
2- My form is in portuguese, but when i load it, says “* Required” instead of the portuguese term from the original, how do i correct that?
3- The “Powered by Google Docs Report Abuse – Terms of Service – Additional Terms” is annoying. Is there a way to remove that, or at least break some lines before it? Its stuck on the Submit button
Thanks! This addon rocks!
Hope this gets you going!
Oh.. im actually using legal=’off’
Heres the form page:
http://www.rensp.com.br/?page_id=717
and this is the shortcode I’m using:
[gform form='https://docs.google.com/spreadsheet/viewform?formkey=dG9GdTNFcFVoNFhRWHlZX0FqYW1EM2c6MQ#gid=0' confirm='http://www.example.com/thankyou/' class='mygform' legal='off' prefix='mygform-' br='on' title='off' maph1h2='on' ]
I’m currently using Version 0.24, the one i downloaded directly from WP interface…
Because you’re using the prefix attribute, all of your CSS classes need to also have the prefix in order for the styling to affect the elements you want to affect. You have this:
div.ss-form-entry>ul {
list-style-type: none;
}
What you should have is this:
div.mygform-ss-form-entry>ul {
list-style-type: none;
}
Oh i just removed the prefix and the class and it worked! Thanks very much (I didn’t even know what were these for anyway ^^)
I have just pushed v0.25 out which fixes problems #2 and #3 that I noted above.
Ohh just noticed something else:
4- When i have a question with checkboxes, and i mark 2+ of them, it only displays the last one on the answers spreadsheet, while it works if i use the real form.
Thanks again! Please help!
What version of the plugin are you using? I fixed this problem a while ago and it required me to add a jQuery script which runs when the page loads to convert the checkbox variables from a format that PHP uses (WordPress and the plugin are written in PHP) to a format that Python uses (Google’s form processing is written in Python). If it isn’t working then it could be one of three things:
Hope this helps.
Hi Mike, is there anyway to be notified say by email when a form has been submitted? Thanks.
Not currently but there have been a couple of requests for something similar. I outlined some possible ideas that I may implement in this post from about a week ago. If I move wpGForm to a Custom Post Type (CPT) there are a number of things I could do that would be much easier than adding a bunch more attributes to the short code. E-mail notification would be one of those and is a good idea.
Even in the short term, adding a short code attribute like “notification=’on’” might be pretty simple to do if I default notification to the blog’s admin e-mail address.
I have added e-mail notification, give it a shot and let me know what you think. See this post for more details.
No matter what i do i can’t edit the css?!
Well… I can edit it – it just not shown…
The form is placed at http://mailoplysninger.weien.dk/
(don’t mind the layout – it’s still a test page at the moment…)
I have tried everything (or at least it feels that way) and i just can’t fix it.
Can you tell me what the problem is? What am i doing wrong?
Thanks
From looking at the HTML, you haven’t enabled the custom GForm CSS on the WP Google Form settings page:
You need to have the CSS defined and enabled in order for it to unless you add it to your own style sheet which is loaded as part of your theme.
Thank you so much.
I thought i did everything right and feel a bit stupid now…
The onlye problem now is the required fields – it won’t change the background color or show the “This fields is required”-text… I read your post http://michaelwalsh.org/blog/2011/10/02/form-validation-working/ – but i can’t get it right…
The form can be seen here: http://abfmail.dk/
Is this what you are trying to achieve?
If so, I was able to do this by defining the following CSS in my Custom GForm CSS setting:
div.ss-item-required label {color: red;
}
If you are trying to do something else, please explain so I can try and help you.
Thanks for the reply.
What i want to do is, that when a required field is left blank and the page loads again and tells you that there are some required fields that needs to be filled out – then i want the missing required fields to be marked with red.
Does it make sense?
I don’t want them red all the time – just when they’re left blank to signal which ones are missing.
That should be possible, I am pretty sure Google wraps the error message in a unique class. Let me see if I can find it.
I am pretty sure this is what you want to do, please clarify if I have misunderstood.
Before submitting a form that has required fields:
After submitting a form which has required fields:
To have the field text appear in red only after submitting the form without providing the required field, I used this CSS:
div.errorbox-bad div.ss-item-required label {color: red;
}
Let me know if that doesn’t work for you. If you have used the prefix attribute in your short code you’ll need to adjust the class names accordingly.
We are having issues with the redirect in, ie when you press submit it just refreshes the page. I had to downgrade the plugin all the way to your version 0.10 and then it worked as it should – I think it has something to do with when you implemement multi page support in 0.11 as i noticed you said this in your last news note “The v0.26 version switches from a Javascript redirect to an Ajax page load using jQuery. In my testing it seems to work pretty well and is much less intrusive than the redirect was. Let me know if you run into any problems with it.”
From 0.11 onwards the submit button doesn’t work for us. I can link up on here a sample of it not working on our site if need be but do you know why this might be?
Check your e-mail, I’d like to look at your particular problem and sent you some questions. There have been a lot of bugs fixed since v0.10 so I’d be reluctant to use that but I do understand the preference for a custom confirmation page. If the confirmation page isn’t working, I’d still stick with the latest version and use the default Google confirmation content for now until I can figure out a solution.
Thanks Mike, unfortunately we need the form on the site operational now so I’m going to stick with 0.10 this time, I will email you a link for a test page with 0.26 installed so you can see what I mean. Basically we get no confirmation page at all, not enough the default google one. Obviously i’d love to use 0.26 for all its bug fixes but ive tried every version above 0.10 and the issue happens in all of them. Thanks for your prompt reply
Moving this to e-mail so hopefully we can figure it out since your form works fine on my site.
I’ve been thinking about your problem and why v0.10 works but anything later does not. In v0.10 and earlier (before I supported multi-page forms) the “Submit” action actually called the same action the source Google Form calls. Without a custom confirmation page, the submission would result in the user ending up on the Google Confirmstion page. While this worked, it wasn’t very elegant so I came up with the custom confirmation page. In v0.10 the custom confirmation page was accomplished with a redirect on form submission.
In order to support multi-page forms I needed to change how the form was actually submitted so the submit action is stripped from the source Google Form and replaced with action=”" effectively causing the page to submit to itself. The plugin will detect this second submission, process all of the POST parameters and then submit them to the Google Form processor using wp_remote_post(). This is actually a more “elegant” solution and is the only way to support multi-page forms that I can think of.
In your case I think the form submission which should be ending up on the same page, isn’t for some reason. The only thing I can think of is something in the .htaccess file causing URL routing not be processed correctly so the plugin never gets run a second time to process the post parameters.
I cannot go back to the confirmation model I used for v0.10 and earlier versions – it doesn’t work for all of the models I need to support. I will keep looking to see if I can figure out why the URL routing doesn’t seem to be working correctly.
I have a strange problem. Form was working fine but then started redirecting users back to the form page instead of the confirm page. I updated the plug-in and the problem kind of persists. Now what it does is for some browsers (chrome on a mac) it does eventually, after a good few seconds take the user to the confirmation page. For other browsers (safari) it hangs.
page is: http://bournvilleharriers.org.uk/test
Code on the wordpress page is: [gform form='https://docs.google.com/spreadsheet/viewform?formkey=dGpKcUZKdVNNNU85ZUIzOHlHSDV1amc6MQ#gid=0' confirm='http://bournvilleharriers.org.uk/payment-page' legal='off' title='off']
I think what you’re seeing is due to a problem in v0.26. I’ve been working on a fix off and on today and hope to have a release tomorrow morning.
The slight lag is the AJAX page load the custom confirmation page is doing. It should be fairly quick, certainly not seconds. I have reverted the confirmation behavior in v0.27 release so please try that and let me know if you’re still seeing a problem.
Actually. Re: previous comment. I realise now that the page was redirecting when I was logged into my wordpress account but when logged out it doesn’t direct. It actually returns a page with a smiley face on it for some reason!
The other form on my site seems to be working okay: http://bournvilleharriers.org.uk/beginners-course-2012-entry-form/
Can you try the new v0.27 release which came out today and let me know if you still have this problem?
I rolled back to version 0.25 which is working well for me so I think I’ll hold on the update for now. Once I’m past this busy period of my running club members using the form I’ll apply the update and report back. Thanks.
hello i am using your form and am getting the ‘unable to retrieve Google Form error’ Is this the right short code?
[gform form='https://docs.google.com/spreadsheet/viewform?formkey=dHR3NGtnMjdwVFRvNm81NFFrOHpxOXc6MQ' confirm='http://www.thisiskelly.com/thanks' legal='off']i have two forms that are being used on this page: http://www.thisiskelly.com/contact both use the format above.
thanks!!!!
I just added your short code syntax to my development area and it works without any problem, you should see a submission from me in your Google Doc. If you consistently get that error, then you may be running into an issue with WordPress’ HTTP API. Read this post for some background data on a similar situation another user had and this comment regarding a hosting plan that prevented the WordPress HTTP API from running.
Pingback: WordPress Google Form | Best Plugins - wordpress – widgets – plugin
Just added it to my pages and it is amazing – works excellent. Thanks.
This plugin is exactly what I have been looking for! However, just a small but annoying detail: is it possible to have the “*” for required items in red?? I had a quick look at the code but it seems there is a lot of Javascript involved for that part so I gave up after a while.
The asterisk is part of the label element which you can see here:
<label for="entry_0" class="ss-q-title">This is a test question. what colour is the sky?*</label>There isn’t any way (that I know of) to style just the last character (or any specific character other than the first for that matter) without manipulating the element using Javascript. I think it would be possible to manipulate the elements using jQuery but that isn’t something I currently have in the queue.
OK, thanks for that. At least that is a starting point for me to sink me teeth into! Cheers.
Any possibility of this working for a page in draft mode or password protected? I saw the note that it only works for published pages. I want only people invited to use my form to be able to use it. I found a guy selling a script that’s suppose to allow a redirect to a page of my choice, but did not see if it works with pass protected pages. For the $5 he’s charging for the script, it might be worth a try.
This should work fine for draft or protected pages. The only restriction is the Google Form (on the Google Docs side) must be published. There isn’t any requirement on the WordPress side for a post or page to be published.
i can pull up the form but as soon as they hit submit i get this error
the data goes into the spreadsheet on google but i get this error
Fatal error: Call to undefined method wpGForm::GetPageUrl()
What version of the plugin are you running?
Version 0.27
Version 0.28
Works Great
Thanks
hi mike, i’ll try but it doesn’t work. it gives me this message “Unable to retrieve Google Form. Please try reloading this page.”
I run my wordpress on localhost. is that makes any different ??
thanks for the answer.
Running locally might be an issue depending on how you have PHP and WordPress configured. I do all of my development on a Windows 7 Virtual Machine running PHP, MySQL, and WordPress locally under http://localhost/ so running locally isn’t an issue in of itself. I would guess that something in your configuration is preventing the WordPress HTTP API from operating correctly. Do you see any errors or warnings on the main Dashboard about not being able to update WordPress Feeds? Are you able to install plugins from the Plugin Repository through the Dashboard?
Pingback: www.MichaelWalsh.org | wpGForm v0.28 released
Hi Mike,
GREAT plugin!
1. if the “required” asterisk gets pushed to a new line because of a BR tag, is that a WP/theme issue?
2. On my site I have odd spacing/padding on all “Other” text input fields at the bottom of a form element. Also theme-related?
Helmar
Check the BR tag behind the label tag and the closing P tag behind the label other_option:1. Is the theme or WP adding this? And how can I possibly get rid of it, because it clearly is invalid HTML, esp. the closing P tag.
TIA,
Helmar
Internet Radio, TV
Sonstiges:
I’ll need a URL to look at this, it isn’t clear what the problem is from your description.
Hi Mike,
I’m really liking your plugin. There is one similar but yours seems to be alot better. I just have a few things that I want to ask.
First of all, I can’t seem to load the settings page for the plugin within the admin section of my website. I don’t know if it just me who has this issue or not.
Also, would you be able to implement url parameters into the plugin? I want one of the fields to be auto-populated when /?parameter=example (or similar) is added to the end of the url. This one of the biggest things that I need otherwise the plugin doesn’t have the full effect that I want it to.
Regarding the inability to load the Admin page, it sounds like a plugin conflict of some sort. You may want to try disabling other plugins and see if will work properly. I have not had anyone else mention problems loading the Options/Settings page.
Regarding your second question about adding URL parameters – where would they originate from? What would they map to? I have had a couple people ask me to add hidden fields (e.g. username or email address) to capture the current user which should be possible. The hesitation I’ve had in implementing something like this is what to do with the data? How is it connected to one of the fields on the Google Docs speadsheet? A column on the spreadsheet can have any arbitrary name so how should it be mapped to what is essentially WordPress data? Adding all of the mapping could make the current shortcode pretty ugly so I’ve thought I’d introduce a Custom Post Type where it would be easier to manage some of these more abstract ideas.
Basically, the URL parameter thing is so that an actual field in the form is automatically filled. If you go to http://burnoutaddict.co.cc/gt5carlist and click on one of the links on the page, it would send you to the form with one of those fields automatically filled, based on what was added to the end of the URL. It currently links directly to the form in Google Docs instead of your WordPress version, but I would like your plugin to implement that kind of feature so I can keep everything with the same style instead linking to Google.
As for the admin panel issue I am having, I will test disabling all other plugins and try to find out which one is causing the conflict.
On the back of what I have posted before, I have disabled all other plugins, and still get this message:
Also, about the url parameters, I currently have the other plugin that I was speaking about installed on a test page to show you what I would want. Page is password so if you want to check it out, can you email me, and i’ll reply with link and password.
oops, forgot the image: http://burnoutaddict.co.cc/wp-content/uploads/2012/04/Untitled-1.png
Earlier today I posted some thoughts on potential enhancements and I’ve done some reading this week on query parameters. What you want to do should be possible although I believe I’d need to implement the Custom Post Type I’ve mentioned previously. I would be interested in getting the password to see what you’re proposing, I’ll drop you an e-mail.
My organisation (a small charity community choir) uses Google forms a lot to send questionnaires to the members about performance availability, etc. I was sitting here the other day thinking how great it would be to tie the forms into the Buddypress website I’ve developed for the members and then, lo & behold, I find your plugin. Amazing!
I’ve got a couple of suggestions for additional features that you might like to consider:
1. auto-fill the user name into a corresponding field (this could either be configurable, or just a simple look for a field called “username”)
2. store in the database the fact that a user has filled in the form (this way I can then test for it and warn them they’ve already done it, or even deny a duplicate entry)
Thanks for a great plugin.
Check out my recent post, I based it on your comments as well as some other similar ones I’ve received.
Hi Mike,
Can you lend any help on how I can cut down on the white space between questions and answer fields, and between questions? All the space makes the form more vertical than I’d like it but I don’t have a strong enough knowledge of css to make that happen…
http://bostonbodyworker.com/boston-bodyworker-massage-intake-form/
Your theme defines a 20px margin for all <P> elements. You can try a couple of things reduce the white space. Add the following to your Custom wpGForm CSS settings and make sure you enable it:
div.ss-form-container p { margin: 0px; }
div.ss-form-container br { display: none; }
I would add the first one only initially and see of that does what you want. If there is still too much white space then I’d add the second one.
Hey Michael
Great plug-in. Thanks a million. For some reason the checkboxes in my Google form are being converted to bullet points on the website and thus cannot be ‘checked’. I wonder if something in my CSS is cancelling it out or is this an issue you’ve run into before. Any ideas? The issue is on the second page of the form found at homeharvest.ca/start-your-project/
Thanks a million!
It’s a CSS issue with your theme. Somewhere you have the following style:
element.style {position: absolute;
left: -10000px;
}
The “left” property is causing the checkboxes not to show. If you disable it (I did it temporarily with Chrome’s element inspector) the checkbox will show up. It still looks funny due to another CSS issue but that should be fixable using CSS in the wpGForm settings for Custom CSS.
Hello,
any idea on how can i divide the whole form into two columns? I can’t use shortcodes because i can’t put the divider inside the content.
Thanks for your time! Amazing plugin!
This is a somewhat open ended question. Could it be done? Probably, the question becomes how to do it. The easiest way would probably be to put all of the elements in a table and put the even numbered (all form elements have a form ID) elements in one column and the odd numbered elements in another column. This has potential problems though because there is no guarantee that there are the same number of elements or that Google will render HTML with them in numerical order. They would be in order if the form was perfectly created from the outset but in my experience, that rarely if ever happens. Some clever jQuery could probably count the input elements and wrap each in the necessary table element tags or CSS classes to make them into columns. Here is an article that covers multi column lists, as you can see, the process isn’t real straight forward.
Well i did it on a wordpress theme that i use which divides ALL pages into a Two Column Layout. Sadly the page with the GForm is the only one that i need to divide in two columns so it’s not really a solution
Considering my lack of knowledge on this layout stuff, i don’t know if it can be used on a single page…
Well… i found this on the header.php on the theme that does what i said. Not sure if it helps…
/*–TWO COLUMN STUFF–*/
#twoColumns {
text-align: justify;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 60px;
-webkit-column-gap: 60px;
column-gap:60px;
-moz-column-rule: 1px dashed #ccc;
-webkit-column-rule: 1px dashed #ccc;
column-rule: 1px dashed #ccc;
}
@media screen and (max-width:740px) {
#twoColumns {
text-align: inherit;
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
}
Without actually seeing the page it is hard to say if this can help. This basically describes the two column layout for normal devices and has a separate layout defined for devices with a screen width of 740px or less. Without seeing the actual site, it is hard to say if these styles could be added to the Google Form and yield anything usable.
If you’d like me to take a look at it, fill out this the information on my Help form and I’ll see if I have any ideas.
Well i created a new template on my theme just to use this Two Column Layout… i guess im fine now.
Is there any way to return the number of the line (on the spreadsheet which receives the form info) on the confirmation page?
No, there is no feedback between the spreadsheet and the form that is available externally (as far as I know of). The content of the confirmation page either comes from Google or from your site if using a custom confirmation page. If you turn the email confirmation on using the shortcode the timestamp on the email should be fairly close to the timestamp in the Google Spreadsheet. I’ve had a couple requests for some sort of logging feature which I may be able to accommodate if/when I incorporate a Custom Post Type.
Well i started using email=’on’ and I’m not getting any emails on the admin email account when i submit a form… What could I be missing?
Do you get email from your WordPress site already for user registrations and comment notifications? The email confirmation uses the same wp_mail() function that is used within WordPress. Did you check your spam folder?
Mike,
I keep getting the ‘Unable to retrive Google Form..” message.
Form is published
I am currently using godaddy…do they present a problem with API + WordPress?
here is the link:
http://escapitos.com/customize-your-escape/
Thanks for your time and assistance!
My blog is also hosted on GoDaddy do there shouldn’t be any issues UNLESS you are using the free hosting plan GoDaddy offers with domain registration. That plan disables the PHP functionality that wpGForm depends on the retrieve the form content.
is this support for wordpress 3.3.2?
Yes, it works fine with 3.3.2.
Form works fine (displays correctly and collects the information to my spreadhseet), onsubmit, instead of redirecting, it gives me the ‘unable to retrieve Google Form’ error.
I have tried all three options form submission confirmation (ajax, redirect, and alert).
I am thinking now that it has to do with the theme I am using (http://wptitans.com/dagda/) or one of the many plugins.
I will be debugging it for the next few hours, if I find the solution I will post here.
Please let me know if you have any ideas.
(I have used this plugin before on this server, so that isn’t the problem either).
Found the issue.
This plugin: Simple Facebook Connect (http://ottopress.com/wordpress-plugins/simple-facebook-connect/) is conflicting with something.
Disabeling the plugin solved all problems.
Can you elaborate on what the conflict was? I am curious as I have used SFC previously but am not actively using it on any projects right now.
Hi, I am constantly getting Unable to retive form message. I checked my HTTP API and the form is public. I read your forum but did not find an answer. Can you help me please.
Thank you
The website: http://phdjobfair.org/cformtest/
Google form: https://docs.google.com/spreadsheet/viewform?formkey=dFdqcnA2Q2gwdTQwS080R0szS0lxSUE6MA#gid=0
Can you fill out the information on my Help and Support form? it will help me chase the problem down. If there any chance you are using the Facebook Like Thumbnail plugin? It is incompatible because it forces short codes to be processed as part of the WordPress ‘wp_head’ action which IMNSHO is a no-no.
Your problem appears to be an improperly formatted shortcode, check your email for a fix.
Hello–love the plugin! I am using a Genesis Studiopress theme, can you help me fix the HUGE font sizes on the form when I use the plugin?
The instructions part looks like 50 point font!
It looked fine in my old Google Site https://sites.google.com/site/areyouinmyclass/ but in WordPress it looks awful! http://areyouinmyclass.org/
Thanks!
Try adding this to your custom wpGForm CSS:
h2.ss-section-title { font-size: 12px; /* or whatever size font your want it to be */ }I think that should do the trick.
I have enabled “custom wordpress google form css” in the settings but no matter what I do, my form refuses to accept any styling changes. I have also read through this entire thread, along with the one on wp forum, to no avail.
The link to the form is here: http://bocamedicaldelivery.com/?page_id=88
I have used inspect element and I can see that my current theme is being used to style the form instead of the parameters I copied into the plugins customs CSS box. I am a noob and I have no idea what steps I can take force the styling changes. I’ve noticed you’re a very helpful developer and I hope you can guide me in the right direction.
Thank you
I’d be happy to look at it for you but it shows up as a 404 error right now. I would recommend filling out my Help and Support form as it will be the fastest way to resolve this.
Thank you Mike, i have looked at other embedding solutions and I am set on using yours for my page. I have completed a form on the help and support page.
*****the 404 error was due to the page being set as private, it’s been fixed now
Everything about the plug in works smoothly, getting any styling is my sole issue
Hello, ive been checking the results and the plugin looks great, it just does not seem to be working on my site.
i tried putting it here: http://beta.briezonline.com/service-request-form/
and also i did a test here: http://beta.briezonline.com/test/
Dono why its putting that, even though im pasting the right URL for the form in.
This is the Gform URL:
https://docs.google.com/spreadsheet/viewform?formkey=dGZwenRVMXNocjhWaDJlSW1xX2tucnc6MQ#gid=0
Any advice on what might be happening??
What you are seeing typically happens when the WordPress post or page editor tries to be smart and sees the URL for the Google Form and wraps it in link tags. When you are in the Editor, does the shortcode look like it has a link (different color, underlined, etc.)? The easiest way to check this is to toggle to the HTML editor and see if your shortcode looks like you think it should.
I fixed it in the HTML thank you!
Excellent!
Hi Mike,
I’ve just started testing with your plug-in for a form that will capture volunteer information.
At present there are 2 issues plaguing me;
1) The ‘powered by Google’ message is still at the bottom even though I’ve turned legal off.
2) I can’t get the redirect working to my confirmation page.
The gform shortcode is here:
[gform form='https://docs.google.com/spreadsheet/embeddedform?formkey=dEFFYlpzMzFzemxhU3JrVUhFNmJEc1E6MQ' ,confirm='http://lowcostwebsites.net.au/budgetfunrun/volunteer-application-thank-you' ,style='redirect' ,alert='Thank you for your interest, we will get back to you very soon.' ,legal='off' ,title='off' ,email='on', sendto='on']
the link to the volunteer registration page where this form is held, is here:
http://lowcostwebsites.net.au/budgetfunrun/registration/volunteer-registration/
Reading some comments above, you suggested the redirect might not work where other plug-ins are also active. I hope this is not the case for me.
thank you for any advise you may have.
Regards,
John.
Your shortcode has a bunch of commas (“,”) in it which it shouldn’t have as the short code parser sees them as part of the attribute name so they don’t match what is registered as part of the short code. Try changing your short code to this:
The short code attributes simply need to be deliminated by white space.
One other thing – the value of your ‘sendto’ attribute needs to be an email address!
Mike,
I feel like an idiot! thanks. that’s definitely working much better now.
Hi mike,
I was scanning around the web and found a website for epic triathlons nova scotia. The volunteer button takes you to a google form and this site uses your plugin to unwrap the form. What’s particularly interesting is that some of the input fields are side by side.
Do you have any idea how this is done?
Thanks,
John.
Without a link to the page where the form appears it is hard to say for sure. For another project I’ve been looking at a jQuery script that will automatically split a DIV into two columns. It is entirely possible they did something like that. My guess is they did some sort of a CSS solution. Post the URL and I’ll take a look at what they did.
Hi mike,
Sorry for not posting earlier. The URL is http://epicdartmouth.com/volunteers.
Thank you.
John.
That form was built using a plugin called Gravity Forms. Gravity Forms is not a free plugin, you have to purchase it – you can find their pricing models here. I have never used Gravity Forms so I have no idea how it works but my understanding is it is a fully featured form builder for WordPress.
Hi Mick,
Thanks for the great plugin. Quick question thouhg.
How would you embed this form on your homepage of your wordpress blog by editing the (index.php)
Within the post I can see the form but when I try to display this post on my homepage with the code below I see the shortcode in [ ]
post_content;
echo $content;
?>
If you want to embed it in your index.php you could wrap the short code text in a call to do_shortcode(). Something like this:
do_shortcode(‘[gform form='URL']);
The URL would the full URL to your Google form. You could add other shortcode parameters as needed. Another option would be to put the shortcode in a text widget and enable shortcode processing in widgets in the plugin setting for WordPress Google Form.
Mike,
I am building a Google Form to accept donations to our group. I don’t see a way in GFs to have a radio button link to our PayPal account. Is there a way, using your plug-in for me to accomplish this?
It isn’t clear to me what exactly you are trying to accomplish but I do agree that there isn’t a way to add a PayPal link to a Google Form. That said, you could add the PayPal link to your confirmation page so that your users see it once they have submitted the form. There are probably some tricks you could play using WordPress filters or jQuery to insert the link into your form but it wouldn’t really accomplish anything because (a) there isn’t a corresponding field on the Google Docs side and (b) I could be wrong but I think all PayPal donations actions are GET requests and Google Forms are POST requests.
Mike, thanks for the reply. Your answer confirmed what I was thinking. But thanks for the idea of using a reply message to add links like PayPal.
I think I will have to use a different plug-in.
Hey!!
I’d like to know if theres a way to customize the email sent to the admin and to the ‘sendto’ value…. Is there any way to add the content of the form in this email?
Nevermind… i managed to do it using the trigger and custom function on the google form. Thanks
Why are my submit buttons in japanese
This has come up a couple times lately. See this thread on the WordPress.org support forum where I answered it most recently. It seems to be an issue with Google’s CDN. You should be able to fix it by forcing Google to use English with your form by appending &hl=en to your form’s URL. It is best to make this change in the HTML editor as the WYSIWYG editor will frequently encode the ampersand (&) using it’s HTML entity code (&) which means Google will never see it.
I found it on a google forum right after I posted this, fixed the problem. Thanks for the response!
Hey…
Would you help me with the custom CSS?
http://img3.imageshack.us/img3/5340/formhe.jpg
1- I’d like to add some space on the multiple choice after the marker ball
2- I’d like to make the text box border a bit darker
Is that possible?
Yes, it is possible. In order to help you out please fill out my Help and Support form.
The title of my embeded GForm is using tags it seems… can i change these to ? I wanna reduce the title size! Thanks
Yes, you can change just about anything depending on your level of CSS knowledge. See the bottom half of this page where I explain how to use the CSS classes Google defines and enable custom CSS for your site. FYI – this same information is on one of the tabs on the Plugin Setting Page when you install WordPress Google Form on your site.
Great plugin! I just updated to version 0.37 with wordpress 3.4.2 and I started getting HTTP headers appearing above the form in an Array. I also noticed on your demo pages the headers are also there. Any help would be much appreciated!
That was a mistake, I inadvertently left some debug code in. See this blog post for details. I have just pushed out v0.38 which fixes this!
Thanks!
my form is in English but i am getting some chinese
3 spots that i can see so far
*必填 = Required
您好像还有一两个问题需要填写。 =
Looks like you still need to fill out one or two issues.
sorry if this posted twice
Sorry for the delayed response, your comment ended up in the spam queue. This happens from time to time, it is a Google issue. There is a support thread for this issue on the WordPress forums where I’ve explained how to resolve it.
This fix hasn’t worked for me!
Can you share some details so I can try and help you out?
I’ve found something strange after instalation 0.39. On the first line of html on my page plugin returns “string(87) (…)”.
Check it here:
http://festiwalwolontariatu.pl/zapraszamy-na-festiwal-wolontariatu-2012/zgloszenie/
I am not seeing anything when I look at that page. In fact, if I look at the page source, the letters “87″ don’t appear in the HTML source anywhere. Can you send or post a screen shot?
I found it – a leftover var_dump() from debugging the Unite theme problem. I have just release v0.40.
Thanks for fast reaction
It shows after moving to another page of multipage form – anyway it doesn’t matter now.
Hello! Posting this again here, just in case
- – -
I noticed the “ss-paragraph-text” seems to be missing a between the and
Is there a way for me to go into the HTML and add the ?
Link: http://www.soulfireretreats.com
User: Development
Pass: developer
Note: it’s currently in maintenance mode, hence subscriber login.
Thanks in advance!
Sorry it is missing a “ between the “ and ‘`. Hope this works… first time actually requesting wordpress help and have never actually had to add code.
Hi Mike,
Sorry for the confusion. Please go to: http://wordpress.org/support/plugin/wpgform and visit the “paragraph text – missing” thread.
Again, thank you in advance!
I think the best thing to do is to fill out my Help and Support Form. That should give me the information I need to take a look at your problem.
I am using the latest release of WordPress and XAMPP on a local machine with Windows 7 32-bit. I have installed this plugin but when I try to go to Settings > WP Google Form, i get nowhere. The browser just hangs, both IE9 and Chrome. Any thoughts?
When running on your local machine do you still have access to the Internet? Does the URL to the WordPress plugin repository work? I ask because the plugin pulls information from the WordPress plugin repository to populate some of the tabs on the plugin settings page. In my development environment, a Win 7/32 VM running Microsft’s Web Platform Installer with IIS, I am frequently offline (e.g. on an airplane). I sometimes see a delay as the WordPress HTTP API times out but eventually the page will render, usually in a couple of seconds.
Pingback: Antivirus Software Blog » WordPress Google Form 0.38
Weird problem. When this plugin is active, my “Preview Post/Changes” stops working and pushes me to “View Page”.
I am unable to replicate the problem you’re describing. I tried it on a couple sites and the Preview button works as I would expect. Any chance another plugin might be manipulating what the preview button does? WordPress Google Form doesn’t do anything to the Preview button. On my development site the HTML for the Preview button looks like this:
Clicking on the Preview button results in my browser opening up the page in a new tab. I tried it on Chrome and Firefox.
Pingback: Wordpress Update (3.5.1) – February 13th – Columbia Blogs
Hey Mike Walsh, I’m developing a PHP script with Google Spreadsheet and just found your blog! This plugin looks great. I’d love to dig into the code to see how you communicate with Google API. This thing is really amazing!
There really isn’t an API per se for Google Forms. Google Forms do have the ability to preset values through URL parameters however there isn’t anything else to interact with the form itself. What WordPress Google Form does is interact with the form itself through the WordPress HTTP API which is based on cURL and some other similar transports.
I am running into a couple of the problems mentioned, but am not able to fix them with the advice given. Here is the link: http://www.maxpvb.com/registration/ I would like the get the asterisk and check boxes on the same line as the text. Is there a custom css snippet you would recommend?
Sorry for the delayed response, you comment had been flagged as spam for some reason.
In looking at your site, it appears you have the problem sorted out – is it still an issue?
Hello –
I am running into a problem with just the installation itself. After I activate the plugin, and go to the settings page, I get redirected to a page that says “Error: 404 Not found” I can’t figure out what is going on, or how to actually get this working? Help!
From what you are describing I would suspect a conflict with another plugin or theme. Have you tried disabling other plugins to see if the problem persists? That is where I would start.