Answered

Full Page Embed suddenly not working?

  • 23 October 2023
  • 5 replies
  • 111 views

Userlevel 3
Badge +2

Hi there. Every week I use the same code to embed my Typeform. This week it’s not filling the page. I’m getting a thin strip across the top (both desktop and mobile)

This is the link - https://testytuesday.com/go/tt-24-oct-2023.html

This is the code I’m uploading (like I said I haven’t changed the code)

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width-device-width, initial-scale=1"/>
<link rel="icon" href="https" />

<title>Welcome to Testy Tuesday</title>
<link rel="stylesheet" href="/style.css" />
<script src=/script.js defer></script>
</head>
<body>
<div data-tf-live="01H7810GRCADVFF5R9F7CDB2PD"></div>
<script src="//embed.typeform.com/next/embed.js"></script>
</body>
</html>

Please would someone guide me here?

icon

Best answer by mathio 24 October 2023, 09:42

View original

5 replies

Userlevel 7
Badge +5

@mathio do you happen to know why this is? 

Userlevel 3
Badge +2

@mathio do you happen to know why this is? 

Thank you for helping Liz. As I said, been using that code for months. Twice a week. And today something different happened. Thank you

Userlevel 3
Badge +2

The link above is now working. I assume someone is doing something on Typeform end to fix it

 

I also have this one (which definitely has a different Welcome page layout - mobile and desktop for images) is filling half the page on the Welcome screen, and then goes full screen….

https://testytuesday.com/go/machics-24-oct-2023.html

Userlevel 7
Badge +5

Hello @barriebramley 

you can use the same HTML code for embedding, however since you are using live embed it is important how you configure your embed on your share page.

 

On the first URL (https://testytuesday.com/go/machics-24-oct-2023.html) I can see the form there has a fixed height of 500 pixels. You are right, you can fix this on Typeform end - please have a look at the share page of yout typeform and check the “height” setting of your embedded typeform.

 

On the second URL (https://testytuesday.com/go/tt-24-oct-2023.html) I can see the typeform just fine with height of 100%.

 

For more details on live embeding see this post: 

 

Userlevel 3
Badge +2

Thank you Mathio. I will pay attention to those settings going forward. Haven’t really looked at them before. Appreciate your time and assistance

 

BB

Reply