Full Page Embed suddenly not working? | Community
Skip to main content

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?

@mathio do you happen to know why this is? 

@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

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

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: 

 

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

Hi there, the same sort of problem is suddenly happening, where the page on desktop and mobile is not filling the page. I do this every week, and I’m using the same files, same code and same setting. I can only imagine something has happened on your end, as I’ve double and triple checked.

 

Here’s last week’s Typeform on a desktop (screen shots)

And the code that you gave me:

Here’s this weeks Typeform (screen shots) that are short on both mobile and desktop. I’ve looked at everything 3 times, and I can’t see anything that I’ve changed. Please help. This goes out on Tuesday, so from my end it’s pretty urgent…..

And the code:

 

The two URL’s in case that helps are

Last week: https://testytuesday.com/go/tt-15-oct-2024.html?name=Barrie&store=main

This week’s: https://testytuesday.com/go/tt-22-oct-2024.html?name=Barrie&store=main

Would really appreciate some assistance.

 

Thanks

 

BB

 

Can you try this updated code to see if it works?  I haven’t had a chance to test it, but hoping this may help!

 

<!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>
  <style>
    html, body {
      margin: 0;
      height: 100%;
      width: 100%;
    }
    divrdata-tf-live] {
      height: 100vh;
      width: 100vw;
    }
  </style>
</head>
<body>
  <div data-tf-live="01JAN15JECF6XG392BZ7AWZ0TQ"></div>
  <script src="//embed.typeform.com/next/embed.js"></script>
</body>
</html>

From what I can see @barriebramley it appears like that updated code above works. If you can double check it on your side and let me know. 

If you are ever wanting to see how the code displays as a preview before updating it, you can use: https://html.onlineviewer.net/

Hoping that helps you get the result you are after!

From what I can see @barriebramley it appears like that updated code above works. If you can double check it on your side and let me know. 

If you are ever wanting to see how the code displays as a preview before updating it, you can use: https://html.onlineviewer.net/

Hoping that helps you get the result you are after!

Hi Ash

Really appreciate your incredible speed at assisting, and with a perfect solution. Very grateful

Everything works as it once did with the updated code

BB

Hello 👋

@Ash.NZ thanks for jumping in so quickly.

 

@barriebramley since I am already here, let me point out that your page is loading 2 non-existent files (JS and CSS) that slow down your whole page. 

If you can remove these 2 lines in your page HTML, it should speed up your page by up to 4 seconds:

<link rel="stylesheet" href="/style.css" />
<script src="/script.js" defer></script>

 

Awesome @mathio. Even better to have your additional input to speed up the loading speed!

Happy to help @barriebramley, as I understand it was urgent as you stated. All the best!

Thank you so much @mathio very grateful to the amazing help I get. 

 

BB 

Reply


Still need help?

Don't be shy and ask the community.

Ask your question here!
Community T&Cs