Forminator plugin does not work on mobile devices

Hi @nelinfo

I hope you’re well today and thank you for contacting us!

Neither of those issues are expected and they shouldn’t be happening. There are no any known bugs that are known to always cause this. I have also just set a new form (with file upload) on my test site and checked it on my Android smartphone – no issues there, I couldn’t replicate that.

Usually, this means that there is something specific to the site that causes issues. It may be a conflict with some other plugin, it may just be some conflicting CSS, a caching issue and so on.

With that said:

1. Can you, please, tell us which AMP plugin exactly are you using on site?

2. and could you share a link to the actual page with the form on your site so we could take a closer look at it?

Best regards,
Adam

Hi Adam! Yes Yes! Certainly! Here is a link to the canonical page:

https://nelelektro.com/catalog/пма-4100-110в/

Here is a link to the mobile version of the page:

https://nelelektro.com/catalog/пма-4100-110в/mobile/

The link word that opens the Forminator plugin is “form” (at the bottom of the page, next to the picture-envelope). Code:

[su_lightbox type=”inline” src=”#contact-form”]формой.[/su_lightbox]

[su_lightbox_content id=”contact-form”][forminator_form id=”5875″][/su_lightbox_content]

Link to the AMP plugin used:

https://ru.www.ads-software.com/plugins/amp/

Hi @nelinfo

Thanks for response!

I think this is a bit more complex than “just Forminator” and, actually, it probably isn’t Forminator issue in general. Let me explain what I mean:

1. First, I checked your site

a) on desktop it seems to work fine
b) if I use “responsive view” (checked in Chrome and Firefox) on desktop – I am automatically redirected to AMP version and the link to open the form doesn’t work at all
c) if I use real mobile device (Android smartphone) – initially I’m redirected to AMP version and the very same issue happens, link just doesn’t work; if I force browser to use “computer version” (so “full”, non-amp version) it actually does the same until I hard-refresh the page.

2. Then I tested the same on my own setup with another form; I installed WP Shortcodes Ultimate plugin and added same shortcodes that you shared to the page, then I repeted the same tests and I was able to replicate it all.

So I changed the lightbox – first replacing form shortcode with just a test and then using a different lightbox shortcode (example that I took from WP Shortcodes Ultimate docs) – and in both cases the same thing happened.

All in all, it all comes down to the lightbox and AMP – that lightbox doesn’t work correctly wtih AMP, regardless of what is inside it (so doesn’t even have to be the form).

—–

As for the button rendered “outside”, this would be a matter of a local CSS conflict and I think we can help with it but I think it’d be better to first take care of above because once you change lightbox/popup plugin or put the form inline, the “outside button” issue may automatically get fixed or may change so a new CSS patch would be needed.

Best regards,
Adam

I also tested some other “popup” plugins (including our own Hustle) and it’s the same. In general, it is related to how AMP handles JS. We have a plan to add support for AMP into Hustle in future but I don’t have ETA and I wouldn’t expect it soon.

So for now, the only solutions here would be to either research and test some more “lightbox/popup” plugins to find one that just works in AMP or instead on AMP versions simply show the form “inline” right in the post content.

Thanks for such a detailed answer! And thanks for taking the time to test! Not expected)) Can you please tell me how to correctly insert the shortcode of your plugin into the text (in the same word)? – I will follow your previous advice! Thank you! Denis

Hi @nelinfo,

Can you please tell me how to correctly insert the shortcode of your plugin into the text (in the same word)??

I suppose you are asking about how to add the Forminators shortcode.

What Adam mentioned in the previous response is to add the form shortcode inside a page instead of adding it inside a lightbox/popup.

The issues noticed seem more specific due to the Lightbox and the AMP plugin, so I’m afraid the workaround would be to consider loading the form on a page.

You can find the following for more info about adding shortcode, the step would be similar for any plugin which supports shortcode:
https://www.wonderplugin.com/wordpress-carousel-plugin/how-to-add-shortcode-to-the-new-gutenberg-editor/

Kind Regards,

Nithin

Hi!

Yes, Adam explained everything very well and in detail. But my second question is about how to properly insert your shortcode. We do as Adam suggested. Removing the lightbox. I have a word on the page (see above). What should your shortcode look like to say my word when it started working?

Thank you.

Denis

Hi @nelinfo,

Hope this message finds you well and thanks for the update.

Our Forminator shortcode only embedded the form, it does not have pop-up capabilities, if you still using the code below, it should be fine, since that code does have 2 parts:

The one that will trigger the pop-up формой.

[su_lightbox type=”inline” src=”#contact-form”]формой.[/su_lightbox]

The second contains the form inside.

[su_lightbox_content id=”contact-form”][forminator_form id=”5875″][/su_lightbox_content]

I visited your site and is working fine.

Let us know if you require additional assistance.

Kind regards,
Laura

Hi Adam!

I did as you recommended. Refused to embed your plugin in a lightbox. I moved your plugin shortcode to a separate page. Disconnected the AMP plug. See what happened in the mobile version. On my android, your plugin is gone! If you turn on the AMP on the plug, it will appear as crooked as before. Your comments?

Thank you.

Denis.

Hi @nelinfo,

Thanks for the update.

We checked both URLs, and both are the same and look good on mobile. Would you let us know if AMP is enabled? Thank you.

Kind regards,
Laura

Hi @nelinfo

We haven’t heard from you in a while, I’ll go and mark this thread as resolved. If you have any additional questions or require further help, please let us know!

Kind Regards,
Kris