• I just installed this plugin and created new CPT entry using the URL of my Google Form.
    https://docs.google.com/forms/d/1lreiF-qzOJBpQIv1NuGbPipuGqDfR9Bery4Je2CgQ1E/viewform
    I did not change anything else from the default options. I then saved and confirmed that the CPT was successfully saved. I then added the shortcode to a page on my site. I verified that the shortcode was the correct CTP ID (obviously the id 403 is unique to my WP database).
    [wpgform id='403']
    When loading the page, the form is not displayed. This is the HTML markup in the source where I would expect the Google Form to be…

    <div>
    	<div class="ss-form-container">
    		<div class="ss-header-image-container">
    			<div class="ss-header-image-image">
    				<div class="ss-header-image-sizer"></div>
    			</div>
    		</div>
    		<div class="ss-top-of-page">
    			<div class="ss-form-heading">
    			</div>
    		</div>
    		<div class="ss-form">
    			<form action="" method="POST" id="ss-form" target="_self" onsubmit="">
    				<div style="border: 0px dashed blue;" class="wpgform-wrapper"></div>
    				<div style="border: 0px dashed black; clear: both;"></div>
    			</form>
    		</div>
    		<div class="ss-footer">
    			<div class="ss-attribution"></div>
    			<div class="ss-legal" style="display: none;">
    				<div class="disclaimer-separator"></div>
    				<div class="disclaimer">
    					<div class="powered-by-logo">
    						<span class="powered-by-text">Powered by</span>
    						<a href="https://www.google.com/forms/about/?utm_source=product&utm_medium=forms_logo&utm_campaign=form">
    							<div class="ss-logo-container ss-logo-css-container">
    								<div class="ss-logo-image"></div>
    								<span class="aria-only-help">Google Forms</span>
    							</div>
    						</a>
    					</div>
    					<div class="ss-terms">
    						<br>
    						<a href="https://docs.google.com/forms/d/1lreiF-qzOJBpQIv1NuGbPipuGqDfR9Bery4Je2CgQ1E/reportabuse?source=https://docs.google.com/forms/d/1lreiF-qzOJBpQIv1NuGbPipuGqDfR9Bery4Je2CgQ1E/viewform">Report Abuse</a>
    						-
    						<a href="https://www.google.com/accounts/TOS">Terms of Service</a>
    						-
    						<a href="https://www.google.com/google-d-s/terms.html">Additional Terms</a>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="docs-a11y-ariascreenreader-speakable docs-offscreen"></div>
    	</div>
    	<div style="border: 0px dashed black; clear: both;"></div>
    	<!-- Google Forms unnessary Javascript removed -->
    	<!-- Google Forms unnessary Javascript removed -->
    </div>

    As far as I can see, there are no errors displayed anywhere on my site (Admin Dashboard, Google Forms CPT screens, Settings > Google Forms > all tabs, frontend of the site). What else can I check?

    Note, the site is currently in development and is hosted on a local Ubuntu Desktop 14.04 server. When we go to production, it will be hosted on a shared host.

    https://www.ads-software.com/plugins/wpgform/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Mike Walsh

    (@mpwalsh8)

    If you bring the page up in the editor and view the post content (where you have the short code) toggle over to the HTML editor and see if the short code is wrapped in PRE tags.

    Another you can do is view the form through the CPT URL – just like a post, after you publish the form, there is a “View Form” button to see it without having to us the shortcode.

    Thread Starter brandonlang

    (@brandonlang)

    If you bring the page up in the editor and view the post content (where you have the short code) toggle over to the HTML editor and see if the short code is wrapped in PRE tags.

    On the page, everything has been edited in the HTML editor. No PRE tags exist. I use other shortcodes on other pages in the exact same manner and there’s no issue. Since I’m getting HTML markup generated from the Google Forms plugin, it appears that the shortcode is doing something.

    Another you can do is view the form through the CPT URL – just like a post, after you publish the form, there is a “View Form” button to see it without having to us the shortcode.

    When I click “View Google Form” from the CPT, it loads https://localhost/testsite/wpgforms/test-form/ but WordPress returns a 404 page.

    Plugin Author Mike Walsh

    (@mpwalsh8)

    It is hard to know for sure what would be causing the form not to be displayed without seeing it. Since you’re running on a development site, if you want to save the the HTML for the entire page and send it me, I can take a quick look at it. Send it to mpwalsh8 at gmail dot com.

    There is nothing wrong with the form, you can see your form on my site here. As for why you can’t see it using the CPT URL, I’ve seen that before. Try resetting your permalinks and see if that clears it up.

    To reset permalinks, set them to the default, then set them back to what you currently have it set to then try using the View Form link. If that doesn’t work, try using the default permalink setting to see if that helps.

    Have you done all of the usual “disable all other plugins” troubleshooting to eliminate a plugin conflict?

    Thread Starter brandonlang

    (@brandonlang)

    To reset permalinks, set them to the default, then set them back to what you currently have it set to then try using the View Form link. If that doesn’t work, try using the default permalink setting to see if that helps.

    This fixed the 404 issue. I can now see the form when viewing the CPT URL. A side question, is there any way to disable or block public access to these wpgforms URLs? It’s probably not a big deal since nothing on the public side will be linking to these CPT pages, but it would be nice to disable if possible.

    As for my other issue, I think I’ve narrowed it down (but have yet to solve) to jQuery plugin that I’m using. On my site, I have this form nested inside a jQuery tab plugin (https://zozoui.com/tabs/). I’m really not sure of all the jQuery “magic” that this plugin uses to build its UI, but I know I had an issue embedding Google Maps inside this tab control.

    I need to correct information from my first post. The HTML markup that I included in the first post was from inspecting the element through Chrome’s developer tools. However, when I actually view the source, I see that the entire content of the form is there where it should be. Does the Google Forms plugin do any manipulation to the markup through jQuery aside from hooking up jQuery validation? If not, then I’ll continue investigation on my own since the culprit may be the Zozo Tabs jQuery plugin.

    Plugin Author Mike Walsh

    (@mpwalsh8)

    The Google Forms plugin uses a jQuery script which runs on the wp_footer hook to “tweak” the Google Form. Depending on which options you chosen, these tweaks can be minimal or fairly extensive.

    Off the top of my head, the CAPTCHA, Validation, Preset, and Hidden Field options are all handled by the jQuery script. However, the most critical part of the script runs regardless of options selected and “fixes” the checkboxes (if your form has them) such that they will be passed correctly between PHP (on the WordPress side) and Python (on the Google side). If you have checkboxes and the jQuery script doesn’t run, your checkboxes won’t work correctly.

    There is some other housekeeping, the jQuery script is fairly well commented when you look at the page source. Because of the various options Google Forms supports, the jQuery script is built dynamically based on the form settings and output as part of the page footer.

    As to your first question – I am not sure, I am not sure what setting the post to Private would do. Another option would be to modify your .htaccess file or create a template for your theme to handle the Google Forms CPT. I’ve never had the need to do this so never looked into it.

    Thread Starter brandonlang

    (@brandonlang)

    OK. I’ll dig around a bit and post a solution if I find one. I first have to understand what the Tabs plugin is doing.

    Thanks for all the help and the amazingly fast and detailed responses! I don’t get this kind of support from premium plugins which cost hundreds of dollars per year. ??

    Plugin Author Mike Walsh

    (@mpwalsh8)

    There was a thread a while ago about either a theme (I think) or a plugin which had tabs and the user wanted to have their form appear in one of the tabs. I just took a quick look through the support threads and nothing jumped out at me.

    I don’t recall what the resolution was for that user either but if you have some time, searching through the old threads might save you some time.

    As for the quick response – I can’t always promise a quick response, but if I am in front of my computer and have some time when something comes across, I try to answer it quickly, particularly when I know the answer off the top of my head.

    You’ll notice another thread from this weekend that I never responded to as I was at my daughter’s basketball tournament and the whole dialog happened and concluded before I got home. I will probably chime in at some point for closure as I question something WPSSO is doing but I am not going to post anything until I know for sure and that I don’t know off the top of my head! ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Google Form Not Loading’ is closed to new replies.