wpGForm

Are you using WordPress Google Form? If so, please consider making a donation!

The WordPress Google Form (aka wpGForm) plugin allows a Google Docs Form to be embedded into WordPress posts, pages, and widgets.  Form are defined through a Custom Post Type User Interface where optional features are also controlled.  Forms can be added to menus via the CPT permalink or added to a post or page using the wpgform shortcode.  Using CSS, the look and feel of the form can be made to match the WordPress 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

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.

430 thoughts on “wpGForm

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

  2. 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:

          1. The Google Form must be published. This operation is done within the Google Docs context and results in a URL which when shared, will render the Google Form for any user who has the URL. Publishing a form doesn’t mean the URL is publicly known, it just allows Google Docs/Forms to work without being logged into Google.
          2. The WordPress HTTP API must be fully operational. In most cases this is not an issue but there are a number of “free” hosting plans which disable several PHP features which are required for the HTTP API to work. If you are using a free hosting plan, this may be an issue for you. If your primary WordPress Dashboard doesn’t update the feeds and you have errors or warnings, it is highly unlikely that the WordPress Google Form plugin will work.

          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.

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

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

  5. Pingback: www.MichaelWalsh.org | Support for multi-page Google Forms?

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

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

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

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

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

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

  11. 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!

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

  13. Pingback: Cómo incrustar un formulario de Google en WordPress « Oficio Gráfico

  14. 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.
      Google Form Test for line breaks.
      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):
      Modfified with CSS
      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!

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

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

  17. Pingback: create a free website form using google docs and embed it in wordpress

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

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

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

  21. 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:

      1. I am not sure, it is something I’d have to look into. I have little to no experience with Google Docs in languages other than English.
      2. It would be possible to strip the title from the Google HTML. Google sends an H1 tag and I don’t do anything other than pass it through. It would be possible to have a setting that strips the H1 tags so the title would not come through. Is that what you’d like?
      3. I am not sure sure what your asking here. Can you clarify?

      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

          1. Excellent, I expected that would work as good as Google is about languages.
          2. Check out this post – I have added two shortcode attributes to control how the Form Title is handled.
          3. I think the new new default CSS setting for div.ss-q-help will help with this problem. It is also included in the beta update.

          Hopefully these changes will address the things you are trying to do.

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

  23. 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;
      }

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

          1. When you enter the shortcode in the WordPress visual editor, sometimes it creates a hyperlink out of the URL. If you see the form URL highlighted in a different color in the editor, then this is probably happening. To fix it simply select the text and use the “Remove Link” icon.
          2. Like the previous item, sometimes URLs get encoded so while the URL may look correct, you may want to toggle over to the HTML view and make sure some of the characters aren’t being encoded as HTML entities.
          3. I have seen the single quote character look correct but actually be the wrong character when text is copied and pasted from other sources (e.g. Word, a web page, etc.). This one is really hard to find – if you think this might be the problem, simple delete the current single quote character(s) in your shortcode and enter a new one using the keyboard.

          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.

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

  25. 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:
      Google Form Screen Shot
      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.

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

  27. 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/

  28. 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 (?)

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

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

  31. 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”

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

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

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

  35. 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).

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

  37. 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…

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

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

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

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

  42. 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:
      Form without PRE and CODE tags
      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

  43. 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!

      1. I’d have to look at your site to see what is up, can you provide a URL? That should work, I’ve used it a number of times. You can always examine the HTML on the page to ensure the custom CSS is being output as part of the document.
      2. You need to add the &hl=XX parameter to your form URL where XX is the proper language code that Google Docs supports. You can see an example of where I had Google render the form controls (not the actual questions) in French here.
      3. Yes, you can turn this off with either CSS or by adding the attribute “legal=’off'” to your short code.

      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:


          1. 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;
            }

          2. You have found a bug. The “fixing” of the checkbox fields fields so they work when passed to Google’s form processor is not accounting for the prefix=”mygform-” attribute. If you remove the prefix attribute what you have in place now should work (including the CSS to turn off the bullets) but it is a bug and I will try and fix it shortly.
          3. I suspect the legal=’off’ attribute isn’t working because of the prefix either, I will need to take a look at that. If you remove the prefix attribute, legal=’off’ may work as well.
          • 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.

  44. 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:

      1. You’re running a older version of the plugin which doesn’t have the checkbox fix (check the release notes, I fixed this in v0.16 or v0.17 depending on how many fields your form has).
      2. There is some sort of jQuery collision on your site which is preventing the wpGForm jQuery script from running. You would see this by looking at your browser’s error console for Javascript errors. My plugin uses the WordPress recommended method of ensuring that jQuery is loaded and initialized correctly in “no conflict” mode but not all plugins and themes do this. My guess is this is likely your problem. You can deactivate other plugins and/or switch themes to try and isolate where the conflict is.
      3. Google has changed something and I need to update my plugin. This could be the case but I suspect I would have heard about it by now.

      Hope this helps.

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

  46. 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:
      Custom CSS Checkbox
      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.

        • Is this what you are trying to achieve?

          Red Required Text

          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:
            Form with required fields before submission
            After submitting a form which has required fields:
            Form with required fields after submission
            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.

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

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

  49. 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/

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

  51. Pingback: WordPress Google Form | Best Plugins - wordpress – widgets – plugin

  52. Just added it to my pages and it is amazing – works excellent. Thanks.

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

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

  55. 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()

  56. 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?

  57. Pingback: www.MichaelWalsh.org | wpGForm v0.28 released

  58. 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:

      1. It might be. Do you have the br=’on’ attribute in your gform short code? If you do, that will definitely cause the new line. I helped one person with their site and their theme redefined the styling for virtually every element possible. In the end we were able to get his styling correct for his form using CSS but it took a while to figure out.
      2. If you want to share a URL with me I’ll take a look and see if I can figure it out. My guess it is also theme related, most CSS oddities are but most can be addressed too.
  59. 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.

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

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

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

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

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

  64. 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?

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

  66. is this support for wordpress 3.3.2?

  67. 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).

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

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

  69. 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:

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

  70. Mike,

    I feel like an idiot! thanks. that’s definitely working much better now. :)

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

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

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

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

  75. 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?

  76. Nevermind… i managed to do it using the trigger and custom function on the google form. Thanks

  77. 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 (&amp;) which means Google will never see it.

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

  79. 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!

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

  81. Thanks for fast reaction :D
    It shows after moving to another page of multipage form – anyway it doesn’t matter now.

  82. 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!

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

  84. Pingback: Antivirus Software Blog » WordPress Google Form 0.38

  85. 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:

      Preview Button HTML

      Clicking on the Preview button results in my browser opening up the page in a new tab. I tried it on Chrome and Firefox.

  86. Pingback: Wordpress Update (3.5.1) – February 13th – Columbia Blogs

  87. 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!

  88. 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?

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

    • I would do two things:

      1. Regenerate your permalinks (Dashbord->Settings->Permalinks
      2. Try using the [wpgform id='X'] (where X is the Post ID of your form) on a test page or post and see if the same problem happens.

      Let me know how you make out.

  90. Hi Mike I can create a form from your examples codes, but then I replace it with my googledoc’s link (https://docs.google.com/a/stiki.ac.id/forms/d/1vTr_WFizAE_16FLEOPhsUPUhMDQo_oRRs3qzKS3_MPI/viewform) and sadly, my page did not load that form, I only found an error page.

    I read that your google doc’s link (https://docs.google.com/spreadsheet/viewform?formkey=dE56R1ZldXo4a0N3VTNMNEpSemdGV3c6MQ) have different format with mine, which is include formkey or kind of that thing , is it matter ?

    I think I have a problem like person before me also. Looking forward for your feedback . Thanks

    • Based on the URL of your form it looks like you are using Google Apps for a hosted domain. You need to make sure the form is published so it can be viewed outside of your Google Apps domain. When I try to view the form I receive a “You don’t have permission to view this item.” error. Your web server will encounter the same issue when it tries to retrieve the form HTML from Google.

  91. Hi Mike. You’ve been so helpful to so many people so for that I want to say thank you. I’m having a similar asterisk * problem (showing up on a separate line) as many of the others but can’t seem to sort it out. Here’s the link to my page: http://www.curbsfitlife.com/wpgforms/athlete-intake-form/

  92. Ei Mike can you please help me. I have 4 differents forms, one for each lang i need, i create an HTML page to select the language and then when i click i redirect to another page, in that page i use the code

    This used to work but now doesn´t work anymore, how do you resolve the URL problem in your plugin to show the form in the language you want?

    Thanks

  93. Great plugin. Was having a problem with it timing out even after I changed the timeout settings until I updated to the beta.

    I do have one small question, is there a way to add text explaining what the CAPTCHA is for? I have a client that needs it explained due to legal issues.

    • That is a pretty simple thing to add so I have rolled it into the latest beta release. I am hoping this will be the final beta release so if you can check it out and let me know if there are any issues I’d appreciate it. You can find more details and the beta download here.

  94. Pingback: Upgrading Wordpress to 3.5.2 – Columbia Blogs

    • There isn’t a “for dummies” article although that is a pretty good idea. If you click on the Google Forms tag in the tag cloud on my site you will see a whole slew of posts on how to use various features of the plugin – I usually post about how to use a feature when I introduce it.

      From your description, it sounds like you did it correctly. You really only need two things:

      1. A title
      2. The URL of the Google Forms

      Your case sounds like a permalinks issue. Have you tried setting your permalinks back to the default setting and then try accessing the form using the View Form link? If that works, change your permalinks back to how you want them and try it again. Sometimes toggling permalinks back to default and then back to how you want them will rewrite the .htaccess file and the permalink for the Google Form custom post type will resolve correctly.

      • Thanks for the response Mike!

        Not sure what is wrong, I didn’t try the permalink suggestion but when I put the short code on a page it works…. so, I think I am good there.

        Now I have to figure out how to massage the form and get it to look how I want. But already looks nicer than just embedding it!

        Any also why my text boxes are so short?
        http://khanyaphotography.com/gformtest/

        • The fields are small likely due to some default CSS from your theme. Try adding the following CSS to Custom CSS section of the plugin settings and make sure the Enable Custom CSS checkbox is chedked!

          input.ss-q.short {
          width: 400px;
          }

          textarea.ss-q-long {
          width: 400px;
          }

          You can play around with the width to make it how you want it. You can change a lot of the form’s appearance through CSS, there are tons of classes in the generated HTML.

  95. Pingback: Upgrading Wordpress to 3.6 – Columbia Blogs

  96. Pingback: Antivirus Software Blog » WordPress Google Form 0.56

  97. Pingback: Upgrading Wordpress to 3.6.1 – Columbia Blogs

  98. Hi Mike, thanks a lot for your plugin. It’s great but I get a “required field” under each field of the all the form. Even when I don’t ask for in Google Form ! I also had the * going under the label. Would you have an issue ? Thanks a lot

    • I am having the exact same issue! The * is under the label and under the field is says “this is a required question”, whether required or not. Any help?

    • did u get this fix? and if u did can u send me the instructions on how to do it please

      • *** required question SOLUTION****
        Got it , thanks allot Mike. First I added the “simple custom CSS” plug in, opened the plug in and inserted your provided code from the top comment and whamm!! done!!!, thanks man!

        • Glad it is working for you but you didn’t need to download a separate plugin for Custom CSS. The ability to add Custom CSS for your Google Forms is built into the plugin. On the plugin settings page (Dashboard->Settings->Google Forms) there is a checkbox to enable Custom CSS and a text box where you can enter your custom CSS. Any custom CSS entered on the settings page will be applied to all Google Forms. If you have CSS which should only be applied to a specific form, there is a Custom CSS field where you can add it when defining the form.

  99. Hi Mike, I’m having the same issue as Jennifer. I’m putting my url in from the Google form and when I click on publish it says page not found. the url is similar to Jennifer’s comment on August 12, 2013
    12:08 pm.

  100. Just a question – do we know if the new WordPress 3.7 has any glitches with the plugin? Want to make sure I’m ok to upgrade ;)

    • I am running 3.7 on my own web site and have not seen any problems. I haven’t had any reports on the WordPress Support Forum either so I think everything is ok.

  101. Michael,

    Thanks for the great plugin! It’s an amazing tool. I just wanted to see if you’ve been hearing of any reports regarding indentation of a form. So all of the sudden, an entire google form (and I use short code on a number of pages and in the text widget for my sidebar) indent all the questions. The introductory text of my form appears aligned left, but everything else, i.e. the questions, are one “tab” in… a single indentation. Can’t seem to solve it and this is a new issue. Thanks for any insight you may be able to offer.

    • I have not had any reports (here or on the WordPress Support Forum) of anything resembling what you’re describing. Because HTML doesn’t recognize tabs (they simply get compressed as white space like a regular space characters do) if you’re seeing some of your text indented, it is almost certainly due to CSS (most likely margin or padding). Now where it is coming from is what you need to figure out.

      Have you made any changes (plugins, themes, etc.) to your site recently? If you have a URL you want me to look at, I’d be happy to do so. Post it here or use my Help and Support form.

  102. Hi Mike… I used to use your plugin on the my website with the older version of google docs and it used to work fine. Now when I try I get the error: Unable to process Google Form short code.

    I have used the shot code: [wpgform id='1ife3QvcK1nq-VHatJ_jE4J2SYCYBQkfD02-YxbjXnYg']

    I tried quite a bit to figure it out, but couldn’t – Can you tell me why it might not be working?

    • The id for the wpgform shortcode is always a number. The number is the post id that WordPress assigns when the custom post for the form is created.

      Did you define your form in the Dashboard yet? I am guessing not because when you do, you will have a link where you can “View Google Form” which works just like the View Post or View Page does when you create a post or page.

      There is a UI within the Dashboard to demon forms. Look for the “Google Forms” menu on the left hand side of the Dashboard. When you define your form within WordPress, you need the full URL to the public Google Form (which you can get from the “View Live Form” button within Google Docs. All of the other options can be optionally set but the form URL is required.

  103. Good day sir… I was trying to use your plugin on a website I’m working on since it worked well with my last website… Though I’m having problems with the plug-in at the moment… The form is displayed in an unusual manner which gives me a hard time to fix…

    here is the site…

    http://retrospect.ecg-dlsu.com/registration-form-proxy/

    • The CSS for the theme you are using defines all form input elements as “float: left” which is why the page looks the way it does. Everything is being floated. What you want to do is disable the float for everything inside the div.ss-form-container DIV element although I am having a hard time find a selector which will do that.

      I’ll poke at it a bit more but wanted to at least let you know the source of the problem.

      • I tried using the CSS with this short code

        div.ss-form-container label {
        float: none;
        }

        and the form was straight now but the labels are now beside the input boxes…

  104. Hi Mike,
    I’m having some issues with plugin:

    1. When I’m clicking on checkboxes (or other input boxes) javascript slows down and breaks whole page
    2. Custom CSS in admin field “Form CSS” isn’t working (I must change wpgform.css to affect the look)
    3. CAPTCHA is turn On but not displaying in form page

    Thanks a lot.

      1. Can you point me to your page? I’ve never run into this issue before. I suspect there is some sort of Javascript conflict between my plugin and something else you’re running.
      2. Did you enable Custom CSS? There is a setting on the plugin settings page (Dashboard->Settings->Google Forms) for Custom CSS. The checkbox to enable Custom CSS must be checked or any CSS you define won’t be loaded.
      3. Are you using preset and/or custom validation? I am working on a known issue right now which causes the CAPTCHA not to show if other validation is being used.
      • Thanks.

        1. http://www.relevant.sk/vylet-silvester-2013/ (just click on my name) (only slovak language.. sorry)
        2. It works.
        3. I am not using preset/custom validation (i am using default settings)

        Issue #1 is important for me.
        Thank you for your time Mike.
        PG.

      • After update on v0.61-beta-5:
        1. issue still remains
        2. works fine!
        3. works fine!

        • Glad to hear that #2 and #3 are working. Regarding #1, I took a look at your site and I see sluggishness on checkboxes but even more so on radio buttons.

          This is very odd and I don’t think it is something that WordPress Google Form is doing.

          The best way to isolate the problem is to temporarily disable all other plugins and see if the problem persists. If it does, temporarily switch themes back to one of the WordPress default themes. I like TwentyTen for testing.

  105. Hi Mike, I have a signup form that used to be displayed in two columns (and would change to for mobile devices). After the most recent update the form will only display in one column despite my many efforts to change it. You can see it here: http://andrewmcneilforcongress.com/contact/ Thanks!

    • When I load your site there is a Javascript error which is preventing the jQuery script that WordPress Google Form uses to complete. The portion of the script which makes the form into columns never runs nor does the validation of user data. In looking at the jQuery script which is generated by the plugin based on the form settings and other options, I find this fragment:


      $("#ss-form").validate({
      errorClass: "wpgform-error",
      rules: {
      "": {required: true}
      "wpgform-captcha": {
      equal: 1+0
      }
      },

      The empty string noted as required: true is the problem but I am not sure why it would be there. It looks like you may have used the optional validation feature but not entered the name of the field correctly or left it empty and I don’t handle an empty string correctly. Can you check to see if that is the case on your end?

      I have found another jQuery validation problem which I am currently working on although finding time to finish it between work and the Thanksgiving holiday has proven challenging.

    • In follow up to my previous reply, can you check to see if you have validation enabled for your form but didn’t include any additional fields for special validation?

  106. Hello,

    I want to send form response through email also. right now it is sending in this format:

    FYI –

    A form was submitted on your web site:

    Form: Contact Us
    URL: http://demo8.uparw.com/01/pages/page-snippets/contact-us/
    Responses: N/A
    Date: 2013-12-14
    Time: 05:02

    Thank you,

    how can i include response in the email.

    Thanks in advance :)

    • Unfortunately you cannot include the form response in the email message. While technically it may be possible to do so, multi-page Google Forms would make it difficult due to the way Google saves field values across multiple pages. The plugin would have to replicate something similar to what Google does in order to send an email on final form submission. It isn’t something I plan to add at this point as it is a fair amount of work.

      That said, if you really need something like this, there are a number of articles which show how you can add a script to the Google Forms spreadsheet which sends an email when certain changes are made to the spreadsheet (e.g. a new submission).

      • thanks! can you tell me, how to change css of the input boxes.

        • There isn’t a generic answer for this – it is typically dependent on the theme and how it’s CSS affects the Google Form. My recommendation is to use a tool (I like Firebug) to inspect the rendered HTML (Google Chome’s built in inspector also works) to narrow down the CSS selector or class you want to define. There are a lot of CSS classes that Google defines which are all passed through to the form when rendered within WordPress.

  107. Hi, the plugin looks like it will be quite useful to me. But, I can’t get it to work properly. And the page displays an error message as well.

    The text on the wordpress page is –

    [wpgform id='861']

    [gform form='https://docs.google.com/forms/d/1tRNUU8ztxNNBdnK8BIb9O_eyyN4sMVoZhRJ43YBrp7k/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0"']

    The URL of the draft page is http://www.kendoaustralia.asn.au/content/?page_id=2489

    Thanks in advance

    Richard

    • You should only use one shortcode or the other, not both. My recommendation is that you use the wpgform shortcode although it looks like that is giving you an error. I put your form on my site as a test, you can see it here.

      When you create the from with the Dashboard UI, what URL did you use? After you create the form, what does the “View Google Form” button do? It should render the form as a custom post type.

      • I am a newbee with Google Forms and now your Plugin. It looks very promising. I have gotten it to work with gform, as with Richard [wpgform id='861'] does not work. Is 861 just illustrative? How would i determine the proper id to use? Is there really much additional benefit in using wpgform vs gform if I am keeping it really simple? A separate question: right now the response is populated into a spreadsheet at Google Drive. Do you know if there is a way to get populated form image generated and e-mailed automatically to a target e-mail list?

        • Sorry for the delay, I am behind on comments.

          The 861 id value you note is indeed illustrative, it is the value of the post id associated with anything WordPress manages as some sort of post type (e.g. posts, pages, and with my plugin Google Forms too). The easiest way to work with the form is to use the wpgform shortcode syntax which appears on the list of forms when you visit Dashboard > Google Forms. One of the columns in the list will show the shortcode syntax for that specific form and you’ll note they are all different.

        • Regarding your second question – I don’t know but I believe some people have written Google Docs scripts that automatically do something when a form is submitted and the result recorded in the spreadsheet.

  108. Well that solved it – thank you very much.
    Cheers and Merry Christmas

  109. Hi, I’m having trouble with a multi-page form. Whenever I advance from page 5 to 6 of the form (or from 6 to 7, depending on the answer to one of the questions), it jumps to the google form itself, instead of staying embedded on my page. Do you have any idea what could be the problem? The form is at http://lyf.tacl.org/registration/registration-form/

    (If it helps, I used this plugin last year with an almost identical form, and didn’t have this problem.)

    Thank you in advance!

    • I have never seen that behavior but I just went through your form and sure enough, it does exactly what you say it does. The only thing I can think of is Google has changed something in how they navigate through multi-page forms that skip to sections. I’ll have to dust off my development form I used when I added multi-page support and see if it has the same behavior.

      I also noted that you are still using the gform shortcode instead of defining Forms using the Dashboard UI and the Google Forms custom post type. I would strongly encourage you to change as I am no longer supporting the gform shortcode and none of the recent enhancements I’ve added are tested with it. By using the Dashboard UI it is easier to define the form and you can still place it on a page (using the wpgform shortcode) or you can simply use the permalink that is derived for the form to view it (which is what I typically do).

      Can you try this with your form and see if the behavior is the same?

  110. After submitting form, I receive text “Create your own form”. How to remove it?

  111. Thanks! It worked! Why don’t you add this to the next release of the plugin… :)

  112. If I enable validation, everything goes to one column, even though I have selected 2 column layout. How to fix that?

  113. Hi Mike,

    I love your plugin, so simple to use and elegant in the result – thank you!

    Is it possible to include a CAPTCHA on the implementation? That will help avoid lots of spam/etc.

    Kind regards,
    Rob
    http://www.learningarchitects.com

  114. This plugin put me in so much trouble!!! Did you know that after selecting multiple checkboxes only the last one is added to answers ??

    Please tell me how to fix it ASAP!

    • Yes, it is an issue I have been spending a lot of time on for the past week or so. If you look at my web site, the last three posts (this one, this one, and this one) are all about this issue.

      You can try the v0.64-beta-2 release to see if it addresses the problem on your site. However, if your site does not have cURL installed, I do not expect it to work. The crux of the problem is a change WordPress made between 3.6.1 and 3.7.1 to the HTTP API. I don’t know exactly what changed, following it through the code takes a fair amount of time.

      Believe me, I’d like to find an answer to this problem. Right now I expect to release an update that issues a notice when cURL isn’t installed warning the user about potentially incomplete answers.

  115. Hi Mike, this looks great and simple but for some reason I do not see how to add into an existing page. It must be simple but I cannot seem to see it. My form does publish on my WP site but I want to add it into a page. Is there something I am missing? I am simply adding a google spreadsheet into a post. A basic attendee list.

    • Are you trying to put a form or the results of the form on a page? Either is possible. If you look at the list of Google Forms you’ve defined (Dashboard->Google Forms) you will see a column which shows the shortcode syntax required to add your form to a post or a page. That is the easiest way to do it.

  116. This is a great plugin!

    However, there may be a small bug in wpgform-core.php @ line 1917 and @ line 1921, where you hardcoded “http”. If I use SSL fro my site, browsers will complain about unsecured elements.

  117. Hey Mike, this is awesome as always. But the most recent Beta update breaks my site :(

    We have a WPPhpBB Bridge that we use heavily, and I’m getting error codes there.

    Warning: Invalid argument supplied for foreach() in /home/content/90/7781490/html/wp-content/plugins/wp-phpbb-bridge.bak/inc/wpbb_functions.php on line 534

    Warning: require(includes/utf/utf_tools.php) [function.require]: failed to open stream: No such file or directory in /home/content/90/7781490/html/wp-content/plugins/wp-phpbb-bridge.bak/inc/wpbb_functions.php on line 560

    Fatal error: require() [function.require]: Failed opening required ‘includes/utf/utf_tools.php’ (include_path=’.:/usr/local/php5_3/lib/php’) in /home/content/90/7781490/html/wp-content/plugins/wp-phpbb-bridge.bak/inc/wpbb_functions.php on line 560

    There’s my error.

    • What version were you using prior to trying the beta?

      This looks to me like a problem with the other plugin – have you tried to figure out what it is doing? All of the error messages are coming from WPphpBB Beidge. In fact, the path implies you might have two copies of the plugin running because you have “.bak” in the path reported by the error and in looking at the plugin’s code, it should just have “wp-php-bridge” as opposed to “wp-php-bridge.bak”.

    • I just looked at the code for WP-phpBB-Bridge and it looks to me like it is trying to do something I don’t think it should be doing. That plugin defines an action for ‘wp_insert_post’ which means anytime a post is created, it will do something. That is fine for regular posts but it also gets called for custom post types which is how Google Forms defines forms. It is fine to hook into wp_inset_post but it should check to see what sort of post it is operating on before doing anything. I don’t think you want form posts cross posted to PHPBB do you?

  118. Hi Mike,

    Firstly, thanks for your work on this.

    I’ve been trying to POST the form data to an additional script [which should send data to an autoresponder service], but absolutely none of the POST data from the form is available. PHP’s isset() function always returns FALSE on the php script. Even if I check for the POST form data in the root folder’s index.php [just to test] nothing comes up. Why is this so? Can you suggest a way around this?

  119. Thanks for the speedy response.

    Maybe that’s where the flop is: I’m not hooking into any of WP’s events.
    I’m using ordinary, non-wordpress, PHP functions in my theme’s header.php. My first lines are like so

    if (isset($_POST[‘entry.1041481935′])) { $firstname = $_POST[‘entry.1041481935′]) etc etc…

    What’s wrong with this? And which event should I hook into.

    • I saw your comment while watching the Tennesssee-Iowa basketball game last night, I am not usually up that late!

      I think I sort of understand what you’re doing – it sounds like you want to intercept the normal flow of WordPress and the Google Forms plugin and capture the form’s post data and send it along to another script. Is that right?

      There are a couple of hooks you could use (“wp_head” and “init” come to mind but I’d have to test to see which is better) which you include in your theme’s functions.php file which would be a whole lot more elegant than modifying the header.php file. That said, I don’t believe that is the crux of your problem. I think you’re running into the difference between PHP (on the WordPress side) and Python (on the Google side).

      Unless you’ve read through the Google Forms source code or any of the background posts on this site, it isn’t readily apparent that because WordPress uses PHP and Google uses Python, simply using the Google Form HTML code as is from Google won’t work. There is a fair amount of manipulation of the form’s post variables that happens to make it all work. So while you are looking for ‘entry.1041481935′, what actually is being posted is probably ‘entry_1041481935′. I’d do a var_dump($_POST) to confirm this but off the top of my head, I think that is what you’ll find.

      Assuming that is the problem and you can detect when you want to do the intercept (how will you know it is a specific form submit and not some other activity?), I would use wp_remote_post() to send the data to your additional script.

  120. MIke,

    Exactly! I did a var_dump($_POST) and confirmed that the variables are being renamed to ‘entry_1041481935′. Thanks a million for your help; now I can de-stress.

  121. Hi Mike!

    Thanks for the great plugin. I have a question about prefilling the page url to my first input box.
    I am using the same form on multiple post-pages (like a reservation system) and i would like to send the url with the form data to my drive file. (It will be used to check from where the reservation is send)

    I am curious if I can use the hidden fields or placeholder for this? Or do you know a better way?
    I have put the http_referer into a hidden field but it will only send the top-level url, not the page its on.

    Hope you can help!

    B.

    • You could use hidden fields to do what you want to do. What I would do is define multiple forms within WordPress, all using the same URL to your Google Form but each has a different value for the field you want hidden with a preset value. Then use the appropriate shortcode code to drop the form the various pages. Depending on where the form was submitted from, the field in the spreadsheet will have the corresponding hidden field value.

      • Thank you for the reply. I have thought about adding multiple forms but there are way to many posts (at least 60), so therefore i was looking for another solution.
        To get the same form for all posts I have put it in the sidebar on a post page. Ideally I am looking for a script or trick which catches the post url and then sets it as the (hidden) value.
        But I am not sure that is even possible.. Thanks for thinking along.

  122. You’ve bundled css in the plugin directory. The bundled css carries this text:

    * These can be copied and modified to fit the needs of
    * a theme.

    However, any modifications within the plugin dir will be overwritten when the plugin gets updated.

    This could be really costly for site operators.

    I wanted to alert you of this via github, but it seems that you aren’t accepting issues.

    Further, instructions for altering styles on the plugin page at wordpress.com are not entirely innacurate, but they are misleading.

    You say:

    “By adding the necessary CSS to your theme’s style sheet.
    Through the WordPress Google Form custom CSS setting.”

    That’s true, but the styles you provide are pretty specific. To be overriden, the author should first be alerted to the fact that css is provided by the plugin. Then the author has to figure out how to override the specifity by hand.

    I reccomend simply adding a radio button in the admin interface that just turns off the provided styles. That would make things a lot easier for users of the plugin. And looking at this thread, it might also make things a little easier for you.

    • I don’t have this plugin hosted on GitHub, only within the WordPress plugin repository so posting issues here or in the WordPress Support Forum is best. My comment in default CSS implies the default CSS can be copied from the file provided with the plugin and added to the theme’s CSS as this is a fairly common use model.

      You suggest adding a radio button to disable the default CSS. This already exists although I implemented it with a checkbox instead of a radio button. By default the checkbox is enabled, it should be unchecked when the default CSS is unnecessary if alternate CSS is provided elsewhere (e.g. in the theme CSS).

      I will recheck the wording to make sure it was what I intended. Google changes their CSS periodically so there is a chance the default CSS is also out of date.

  123. Thank you for this awesome pulgin :D
    Q: how to add a space between each element, like the original google forms. :)

    • Adding space between form elements can be done with Custom CSS. To know exactly what you need to fix your specific problem I’d need to see your form on your web site.

  124. Hi, I’m getting a 404 error when trying to access the form on my WP site. I’m using your plugin for the first time and don’t know how to fix this issue. Can you help? (Let me know if you need more details)

    • Try temporarily setting your permalinks back to the WordPress default and save themn. Then set the permalinks back to your preferred setting and see if it resolves the 404 issue. It usually does.

    • Can you tell me what version of WordPress, the Google Forms plugin, and the PHP version your web site is using?

      • WordPress 3.8.3 and 3.9, PHP 5.3, Google Forms 0.67.

        The problem has begun when I updated to GF 0.67 (previous was 0.63) on WP 3.8.3. Then I updated to WP 3.9.

  125. Hi Michael, I love this plugin – it’s GREAT. I’m trying to make it a bit more attractive and am getting stuck with the CSS. Would you please help me?

    The URL of the form is: http://www.learningarchitects.com/subscribe

    These are the things I’m trying to achieve:
    -get the label and the feild side by side on some of the questions (ie. all except the ‘I would like more help with…’ question
    -make the ‘I would like more help with…’ field much wider so it’s a rectangle rather than a square.

    I see the enclosing Div is displaying as: block… would making it inline or left work?

    Regards,
    Rob

    • Moving the input boxes so they are up next to the labels can be done with a float like this although I don’t think it looks very good:

      label.ss-q-item-label {
      float: left;
      }

      You could use additional CSS to space things out but without putting all of the elements in a table, which would be hard, I don’t think you could achieve any sort of reasonable alignment using CSS. The plugin does support columns so you could have your form arranged in two columns.

      To make the “I would like more help with…” box wider, you’ll need to separate rules for the input boxes and the text area. You have a combined rule to set them to 300px.

      input.ss-q-short {
      width: 300px;
      }

      textarea.ss-q-long {
      width: 500px;
      }

  126. Hi Mike. Thank you for your great plugin. Just one (probably silly) question. How can I hide Gforms from Dashboard Menu for any users other than administrators? Thanks

  127. Hey. Your plugin is a huge improvement over the standard embedded forms. I have one small problem that I couldn’t resolve reading the FAQ and comments.
    On the site below, when I fill out the fields and submit, the page redirects to google saying “incomplete fields.” In reality, the information actually gets sent to my spreadsheet. This tricks the user into submitting 2 or 3 times.
    Any ideas why this is?
    Thanks!
    http://www.sbs-english.com/contact/

    • I just submitted a dummy response to your form. It looks like you have the Google Form URL set for your confirmation page within WordPress and it is redirecting there after submission. Do you have the confirmation page URL defined for your form?

  128. I made the wordpress update to 3.9.1 nad update the plugin to 0.71.
    Now when I send the result the following message appear:
    Call to undefined function is_empty()

  129. Hi, this is really strange, but when I go into to add a new google form through the UI in WP, I add all the info, save/publish it and the form goes blank. All the fields that I just filled out are blank. So when I go the form id page I get a 404 error. It correctly assigns me a url on my domain with /wpgforms/667 appended to the end. Do you know of any reason why I would not be able to add a new form through the UI?

    • This is very odd behavior and I’d suspect a plugin conflict of some sort. The easiest way to chase this down is to disable all plugins except Google Forms and see if the problem persists. If it does, then you have some sort of plugin conflict. Narrowing it down is a process of elimination, re enable the other plugins one at a time until it fails again.

      If it is still an issue when all other plugins are disabled, it could be a theme conflict although this is pretty rare. It does happen sometimes with themes that add a lot of functionality to the Dashboard and don’t do it cleanly.

      • Thanks Mike, that helped. It actually ended up being the wp core that needed to be updated. It’s working fine now. Just one more question, when I test my form (I have a custom url for the thank you page) it goes to a quick flash of a standard google thank you message and then it goes over to my custom thank you page. Do you have any idea why that would be happening? Thanks!

        • The reason you see the brief confirmation page content from Google is due to the fact that there is no way to know for sure, due to multi-page forms, when the last page or confirmation page will be returned by Google. The best way to eliminate the brief display of the default Google confirmation page is using CSS to hide the content (display:none). I don’t recall off the top of my head what the CSS class is that you need to hide but if you turn off your redirection temporarily you can figure it out pretty quickly.

  130. Hi,

    I’ve embeddded a google form using the plug-in but the submit botton doesn’t work. Any idea?

    • It is hard to know for sure without seeing the page which exhibits the problem. I have run into a couple themes which try to do something clever with the submit button to style it as part of the theme. In the process of doing so some attributes are lost which render the form non-working from a Google perspective. The Unite theme is one the ones guilty of doing this, hence the “Unite Theme Hack” option.

      If you look at the HTML for the submit button and it doesn’t look like this, you have a problem:

      <input type="submit" name="submit" value="Submit">

      If you want to post a link or submit a Help and Support request I can take a look at it.

    • Your contact form likely works because it doesn’t have any checkboxes on it. You have some Javascript errors on your site which prevent the jQuery script which fixes checkboxes to be compatible with Google (WordPress uses PHP, Google uses Python and the way checkbox parameters are passed is different between the languages) from running. Because the jQuery script doesn’t run, the checkboxes aren’t fixed and they look like a missing field on the Google side of the form submission. You will need to sort out the Javascript errors before it will work reliably. Use a tool like Firebug to see where the Javascript errors are coming from. It looks like it is coming from something you’re doing with Google Maps.

  131. Hi Mike ,
    you have already mastered the google form , so is it possible for you to kindly create a workaround which doesnt require a website built using WordPress , i am using google blogger and want custom thank you box instead of the normal google message which is displayed when a form is submitted along with the text that form is created using Google form , is it possible for you to do so , kindly help

    • Sorry but this is way out of scope of what my plugin is intended for. I know almost nothing about Blogger and can’t for see any reason why I would ever use it over WordPress. I have no idea if Blogger supports any sort of plugin system but if it does, someone, not me though, could certainly use my plugin, which is open source, as a model of how it might be possible to accomplish the same thing with Blogger that I did with WordPress.

  132. Hello! I have to say, this is a great plugin, or at least it was. It worked perfectly until a couple of days and now I get this error on all my forms: “Problem with the SSL CA cert (path? access rights?)”.

    Does anybody know what could be the problem? I didn’t do anything, I just appeared out of nowhere… Thank you in advance!

  133. I fixed it, but I really don’t have any idea how. I played with the advanced options of your plugin (the ones for disabling cURL, SSL Verify and Local SSL Verify). After disabling then enabling them (and trying different combinations), the forms started working again.

  134. Mike, I am able to get my form to show on my site but I can net get the formatting to work. I want to use the same formatting as my site. Also, the fields seem short/small.

    I have tried a number of CSS things but they do not seem to be working for me. I suspect it is something simple that I am missing.

    Here is a link to a test page with the form. You will be able to see both the default fonts we are using on our site and the form.

    http://backboneradio.com/backbone-talk-1000-free-minutes-90-day-demo/

    Thanks for any help or pointers you can provide.

    • Have you enabled custom CSS? You need to have the checkbox on the plugin settings page checked for any custom CSS to be loaded. I’ll look at it later tonight when I get home and am in front of my computer.

  135. Mike, Got it, all set . . . there is still some funkiness around the size of the input fields like it says in the documented CSS you provide. It is working well enough. Thanks for developing a great plugin.

  136. Hi Mike, amazing plugin. I see a bright future ahead for us!
    I have read every comment here and don’t seem to see anyone comment about “edit your response” functionality.

    Is it possible to get back into an existing form just like you can on Google?
    If I use the “edit your response” link on the submission confirmation page it just takes me to the google form.

    • I think the “Edit your response” link relies on a Cookie which isn’t persistent when not running the form as part of Google Docs. I don’t know for sure but that is my guess based on the behavior I’ve seen. Because the actual post of form data is done using the WordPress HTTP API, there really isn’t anyway to get that Cookie, if that is how it is done, back to the user.

Leave a Reply