When I add the embed typeform (full page) code onto my Wordpress site via (custom html) the type from is not filling the full page.
Anybody had this issue?
Best answer by mathio
View originalWhen I add the embed typeform (full page) code onto my Wordpress site via (custom html) the type from is not filling the full page.
Anybody had this issue?
Best answer by mathio
View originalHello
your Wordpress page is most likely displaying other HTML content before and after your embedded typeform. For best results make sure the only content in your page is the embed code. Otherwise you will need some custom CSS to make sure your typeform fits with those other elements you have in your page.
Hi
I can’t get the full-page code to work on Wordpress. Whether I use DIVI (blockbuilder) or not, it only shows a small fraction of the Typeform. I can get a ‘pop-up’ to fill the screen, but not the full-page code. I really hope someone can assist?
Thanks
Barrie
Hi
<style>
#wrapper {
width: 100%;
height: 100%;
min-height: 100vh;
}
iframe {
border-radius: 0 !important;
width: 100%!important;
height: 100vh!important;
}
</style>
<div id="wrapper" class="alignwide" data-tf-widget="bUfkO2GI" data-tf-inline-on-mobile data-tf-medium="snippet"></div>
<script src="//embed.typeform.com/next/embed.js"></script>
Where in the part with data-tf-widget="{here your form id}" you replace it with your form id (you can get it from the Url or in your admin page).
Notice the alignwide class assigned to the wrapper, this is because Wordpress uses these classes to determine the width of the element. If you use this code you should get something like this https://s-q6wy22md663ll.eu1.wpsandbox.org/hello-world/
If you need the access code to see the website is 523
Hi all! I am facing the exact same issue - was wondering if you guys found a fix?
Yeah, seems like there are problems with this part in wordpress, there is no clear way to make it full page typeform, and needs plenty of workarounds, very innefective, and plugin also doesnt seem to support this.
Actually
When I add the embed typeform (full page) code onto my Wordpress site via (custom html) the type from is not filling the full page.
Anybody had this issue?
<style>
#wrapper {
width: 100%;
height: 100%;
min-height: 100vh;
}
iframe {
border-radius: 0 !important;
width: 100%!important;
height: 100vh!important;
}
</style>
<div id="wrapper" class="alignwide" data-tf-widget="bUfkO2GI" data-tf-inline-on-mobile data-tf-medium="snippet"></div>
<script src="//embed.typeform.com/next/embed.js"></script>
Where in the part with data-tf-widget="{here your form id}" you replace it with your form id (you can get it from the Url or in your admin page).
Notice the alignwide class assigned to the wrapper, this is because Wordpress uses these classes to determine the width of the element. If you use this code you should get something like this https://s-q6wy22md663ll.eu1.wpsandbox.org/hello-world/
This is perfect, thank you.
<style>
#wrapper {
width: 100%;
height: 100%;
min-height: 100vh;
}
iframe {
border-radius: 0 !important;
width: 100%!important;
height: 100vh!important;
}
</style>
<div id="wrapper" class="alignwide" data-tf-widget="bUfkO2GI" data-tf-inline-on-mobile data-tf-medium="snippet"></div>
<script src="//embed.typeform.com/next/embed.js"></script>
Where in the part with data-tf-widget="{here your form id}" you replace it with your form id (you can get it from the Url or in your admin page).
Notice the alignwide class assigned to the wrapper, this is because Wordpress uses these classes to determine the width of the element. If you use this code you should get something like this https://s-q6wy22md663ll.eu1.wpsandbox.org/hello-world/
Thanks for this. Still very useful a year later
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.