Using Popup Maker with Google Forms

  • Hello, I am trying to make my Google Form work with the popular popup plug-in, Popup Maker. However, when I try to use the Google Form in the popup, it doesn’t work. I have of course asked why this is in the Popup Maker support, and the creator told me this:

    “sounds like your map shortcodes do not support being hidden on page load. Since popups are not displayed when the page loads often the JS needed to initialize your map doesn’t get run. Likely if you look at the html of your site & popup you will see that there is actually something rendered inside the pum-content div but most likely hidden until their JS activates and unhides it.

    It may be worth getting a new ticket with the map plugin as well to try and get some dialoge with their developers. They will know what potential issues could cause this type of thing based on their code better than I would.”

    So I am wondering, is there a way for this to be fixed so I can use popup maker to make my google forms popups? Thank you, sorry for the long post!

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

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

    (@mpwalsh8)

    Someone contacted me directly via email about something similar last week. I am not sure which popup plugin you’re using but as I told the person who contacted me, I don’t think this will work, at least not very easily.

    I don’t think the issue is the shortcode being hidden on page load but what happens when the form is submitted. When a form is submitted, there is a handshake between WordPress and Google’s servers (using the WordPress HTTP API) and the results are then displayed back in WordPress.

    What I saw with the other user was that each response from Google resulted in the display of another popup so there were popups on top of popups.

    To answer your question “So I am wondering, is there a way for this to be fixed so I can use popup maker to make my google forms popups?” – I don’t know.

    It is virtually impossible for me to guess based on your description but as I told the other user, I would not advise using the Google Forms plugin in a popup. You have a lot of moving parts that all need to play nicely with each other and this isn’t a scenario I’ve accounted for. It may work on a single page form but I doubt it would work on a multiple page form.

    @skyleguy – I thought this was about a map, not a form, sorry for the confusion.

    I don’t think they were using Popup Maker. It would be difficult to end up with duplicate popups. If the form submits with AJAX it would be fine, though from the inital ticket I believe the root issue is that the form simply is not being rendered, it is hidden etc.

    That said typically what I see is that when you open a popup with content like that, that doesn’t render, if you resize the browser window often those content (such as maps, sliders, and possibly this form) then appear.

    What that tells me is that something is causing them to stay hidden until the browser resize. I assume it has a lot to do with the fact that they are not visible on page load when they are first initialized.

    Happy to help you make this work with our plugin Popup Maker.

    Plugin Author Mike Walsh

    (@mpwalsh8)

    I just installed Popup Maker in my development environment (which currently has Twenty Ten for it’s theme) and dropped a form shortcode into the popup definition. I then added the popup to one specific page.

    When I navigate to that page the popup comes up but the form content is not displayed. BUT … as soon as I right click on the popup to examine it with Firebug, the form content appears.

    Any idea why this would happen?

    Thread Starter skyleguy

    (@skyleguy)

    Now I have gotten the form to appear every time when I click on the associated button! i have no idea why it started to work all of a sudden. However, the spacing between questions is off

    Plugin Author Mike Walsh

    (@mpwalsh8)

    Do you see the same behavior across multiple browsers?

    Spacing between questions can be resolved with Custom CSS definitions which the plugin supports.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Using Popup Maker with Google Forms’ is closed to new replies.