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

Full Page Embed suddenly not working?

barriebramley
Forum|alt.badge.img+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?

Best answer by mathio-tf

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: 

 

View original
Let's keep on learning as we go :-)

    12 replies

    Liz
    Community Team
    Forum|alt.badge.img+5
    • Liz
    • Tech Community Advocate
    • 14893 replies
    • October 23, 2023

    @mathio do you happen to know why this is? 

    Life is a series of awkward moments separated by snacks.
    mathio-tf
    barriebramley
    Ash.NZ
    3 people like this
    • mathio-tf
      mathio-tf
    • barriebramley
      barriebramley
    • Ash.NZ
      Ash.NZ
    barriebramley
    Forum|alt.badge.img+2
    • barriebramley
    • Author
    • Socializer
    • 27 replies
    • October 23, 2023
    Liz wrote:

    @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

    Let's keep on learning as we go :-)
    Liz
    Ash.NZ
    2 people like this
    • Liz
      Liz
    • Ash.NZ
      Ash.NZ
    barriebramley
    Forum|alt.badge.img+2
    • barriebramley
    • Author
    • Socializer
    • 27 replies
    • October 23, 2023

    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

    Let's keep on learning as we go :-)
    Grace
    Ash.NZ
    2 people like this
    • Grace
      Grace
    • Ash.NZ
      Ash.NZ
    mathio-tf
    Typeform
    Forum|alt.badge.img+5
    • mathio-tf
    • Typeform
    • 888 replies
    • Answer
    • October 24, 2023

    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: 

     

    Liz
    john.desborough
    Grace
    5 people like this
    • Liz
      Liz
    • john.desborough
      john.desborough
    • Grace
      Grace
    • barriebramley
      barriebramley
    • Ash.NZ
      Ash.NZ
    barriebramley
    Forum|alt.badge.img+2
    • barriebramley
    • Author
    • Socializer
    • 27 replies
    • October 24, 2023

    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

    Let's keep on learning as we go :-)
    Liz
    john.desborough
    mathio-tf
    4 people like this
    • Liz
      Liz
    • john.desborough
      john.desborough
    • mathio-tf
      mathio-tf
    • Ash.NZ
      Ash.NZ
    barriebramley
    Forum|alt.badge.img+2
    • barriebramley
    • Author
    • Socializer
    • 27 replies
    • October 20, 2024

    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

     

    Let's keep on learning as we go :-)
    Ash.NZ
    1 person likes this
    • Ash.NZ
      Ash.NZ
    Ash.NZ
    Forum|alt.badge.img+4
    • Ash.NZ
    • Community Wizard
    • 119 replies
    • October 20, 2024

    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%;
        }
        div[data-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>

    👋 I help people build custom Typeform / VideoAsk's & automations
    barriebramley
    1 person likes this
    • barriebramley
      barriebramley
    Ash.NZ
    Forum|alt.badge.img+4
    • Ash.NZ
    • Community Wizard
    • 119 replies
    • October 20, 2024

    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!

    👋 I help people build custom Typeform / VideoAsk's & automations
    Grace
    barriebramley
    2 people like this
    • Grace
      Grace
    • barriebramley
      barriebramley
    barriebramley
    Forum|alt.badge.img+2
    • barriebramley
    • Author
    • Socializer
    • 27 replies
    • October 21, 2024
    Ash.NZ wrote:

    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

    Let's keep on learning as we go :-)
    john.desborough
    Grace
    Ash.NZ
    3 people like this
    • john.desborough
      john.desborough
    • Grace
      Grace
    • Ash.NZ
      Ash.NZ
    mathio-tf
    Typeform
    Forum|alt.badge.img+5
    • mathio-tf
    • Typeform
    • 888 replies
    • October 22, 2024

    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>

     

    barriebramley
    Ash.NZ
    2 people like this
    • barriebramley
      barriebramley
    • Ash.NZ
      Ash.NZ
    Ash.NZ
    Forum|alt.badge.img+4
    • Ash.NZ
    • Community Wizard
    • 119 replies
    • October 22, 2024

    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!

    👋 I help people build custom Typeform / VideoAsk's & automations
    mathio-tf
    1 person likes this
    • mathio-tf
      mathio-tf
    barriebramley
    Forum|alt.badge.img+2
    • barriebramley
    • Author
    • Socializer
    • 27 replies
    • October 22, 2024

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

     

    BB 

    Let's keep on learning as we go :-)
    john.desborough
    mathio-tf
    2 people like this
    • john.desborough
      john.desborough
    • mathio-tf
      mathio-tf

    Reply


    Still need help?

    Don't be shy and ask the community.

    Ask your question here!
    Community T&Cs