[Resolved] GP/Elementor/JS FORM hijinks

[Morgan]

So, this is likely Elementor related, but I’m entirely unsure AND there may be an easy way to get it circumventing Elementor via GP/hooks, and can’t get it working anywhere on site, and I’d sure appreciate a nudge in the right direction.

I have an elementor pop-up that I want to add a Stylable Google Form inside, but you can’t style google forms (coz google), unless you do as per: http://googleformrestyler.apixml.net
Which is literally just :

<script src="http://googleformrestyler.apixml.net/GoogleFormStyler.js"
        form="https://docs.google.com/forms/..../viewform?embedded=true"></script>

Instead of the iframe that google gives you (that *was* working fine everywhere).

BUT I cannot get it work in pop-up, or on any page on site.
Not sure if it’s broken, any hints?

[Morgan]

If this is unrelated to GP, pls do send me away.

There’s also: https://developers.elementor.com/add-custom-functionality/#Registering_Custom_Scripts

And this clue re getting custom JS working within the JS bowels of Elementor pop-ups:

jQuery(window).load(function() {
  jQuery.each( elementorFrontend.documentsManager.documents, ( id, document ) => {
    if ( document.getModal ) { // It's a popup document
      document.getModal().on( 'show', () => {
        $(".booking-form-datepicker").flatpickr();
      } );
    }
  });
});

[Tom]

Hey Morgan,

I wish I could help here, but I’m not familiar enough with Elementor popups to know where to start. Have you checked with their support, yet? It’s likely something someone has asked before, so hopefully they have a simple solution ready.

[Morgan]

Sure thing, thanks for entertaining me!

Will report back if I figure out.

[Tom]

Sounds good 🙂

[Author]

Posts