Embedded form doesn't work on mobile (with Elementor) | Community
Skip to main content
Answered

Embedded form doesn't work on mobile (with Elementor)

  • November 20, 2024
  • 6 replies
  • 103 views

I’ve seen no less than a baker’s dozen with this same problem, but none of those solutions seem to work for me (or the solutions were handled outside of the community and never shared). It also seems as though Typeform needs to invest in some more robust development work so this doesn’t keep happening. I understand it’s usually our fault for some kind of individual website setting, but I’ve never had a problem with Gravity Forms or any other embedded forms on WordPress.

So, as the title states, my embedded form doesn’t load on mobile. Desktop is fine.

In the form settings, I currently have “Full screen on mobile” turned OFF.

Page in question: https://lowgravitysolutions.com/contact

Best answer by sandeld

“Doesn’t work” as in, it doesn’t render on my phone.

 

I’m glad it’s working for you, but it’s still not working for me. In which case, it may not be working for other people either.

 

And I feel like I’m probably going to die on a cross here, but for a SaaS so widely used as Typeform (and with sufficient funds to pay developers), it shouldn’t be this glitchy.

 

If you google, “typeform embed doesn’t work on mobile” you’ll see what I mean. There are plenty of other form builders out there that don’t seem to have this issue, and I just really wish TF did not as well.

 

In addition to all of that, I’ve checked all your own help articles, followed all of their steps and suggestions (some of which have out of date content), and it still hasn’t been working for me. 

View original

6 replies

Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14946 replies
  • November 20, 2024

Tagging ​@mathio in case he has any solutions for you!


  • Author
  • Explorer
  • 3 replies
  • November 21, 2024

The embed code doesn’t work for whatever reason. I had to use an iframe instead:

 

<iframe
  src="https://dn73yqbmi9y.typeform.com/to/ZjhN7QXW"
  style="width: 100%; height: 100vh; border: 0;"
  frameborder="0"
  allowfullscreen
  sandbox="allow-forms allow-scripts allow-same-origin allow-popups"
></iframe>

 


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • November 21, 2024

Hello ​@sandeld 

I can see 2 forms in your contact page now. One is embedded via an iframe, the other one seems to be embedded via the embed SDK. Both seem to work for me just fine.

Can you please elaborate what is wrong, beyond the “doesn't work”? Thanks.

 

PS: As long as you dont need any advanced embed functionality and the iframe works for you, even though it is not the recommended approach, it is completely fine to use that method to embed your typeform.


  • Author
  • Explorer
  • 3 replies
  • Answer
  • November 21, 2024

“Doesn’t work” as in, it doesn’t render on my phone.

 

I’m glad it’s working for you, but it’s still not working for me. In which case, it may not be working for other people either.

 

And I feel like I’m probably going to die on a cross here, but for a SaaS so widely used as Typeform (and with sufficient funds to pay developers), it shouldn’t be this glitchy.

 

If you google, “typeform embed doesn’t work on mobile” you’ll see what I mean. There are plenty of other form builders out there that don’t seem to have this issue, and I just really wish TF did not as well.

 

In addition to all of that, I’ve checked all your own help articles, followed all of their steps and suggestions (some of which have out of date content), and it still hasn’t been working for me. 


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14946 replies
  • December 3, 2024

Hi ​@sandeld Could you send a video of what you’re seeing? Thanks in advance!


  • Author
  • Explorer
  • 3 replies
  • December 3, 2024

I was seeing a blank container where a form should be. I’m sure you can use your imagination.

But as I said 12 days ago, I’ve “fixed it” by using an iframe that I needed to discover on my own since I couldn’t find it in any documentation.


Reply