Skip to main content
Answer

Typeform embed in mobile issue


Hi! I’m embedding Typeform into HTML document like stated in example:

https://www.typeform.com/developers/embed/inline/#fullscreen-embed

1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8" />
5 <title>Static HTML Demo</title>
6 <style>
7 * {
8 margin: 0;
9 padding: 0;
10 }
11 html,
12 body {
13 width: 100%;
14 height: 100%;
15 }
16 #form {
17 width: 100%;
18 height: 100%;
19 }
20 </style>
21 </head>
22 <body>
23 <div id="form" data-tf-widget="fi7sbBXW"></div>
24 <script src="https://embed.typeform.com/next/embed.js"></script>
25 </body>
26</html>

And loading this HTML document in WKWebView. Unfortunately it’s displayed as a desktop site:
 

But the URL that is constructed by embed js library is displayed correctly (with large font and buttons):
 

https://wheely.typeform.com/to/fi7sbBXW?typeform-embed-id=09490275942586612&typeform-embed=embed-widget&typeform-source=&typeform-medium=embed-sdk&typeform-medium-version=next&force-touch=true&add-placeholder-ws=true&typeform-embed-handles-redirect=1
 


what can i do with that? Thanks in advance!


P.S. When loading html file on desktop Safari browser i’m recieving the following errors in console:

 

 

Best answer by mathio-tf

Hello @nikita_s 

you can try using this viewport meta tag in your HTML page <head>:

1<meta name="viewport" content="width=device-width, initial-scale=1" />

 

View original

4 replies

Liz
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15035 replies
  • May 30, 2024

@mathio might be able to help with this!


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • Answer
  • May 31, 2024

Hello @nikita_s 

you can try using this viewport meta tag in your HTML page <head>:

1<meta name="viewport" content="width=device-width, initial-scale=1" />

 


  • Author
  • Explorer
  • 1 reply
  • May 31, 2024

@mathio it worked! Thank you!


Liz
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15035 replies
  • May 31, 2024

Woot! Glad to hear it, @nikita_s ! Thanks so much, @mathio 


Reply