+2
I must admit, I’m a bit disappointed. I thought the beautiful TypeForm would take up the whole page on Wordpress/Divi, but I’ve entered the standard embed code in a Divi module and the page is kinda short. Do I have to manually edit code to make it look good? I signed up for TypeForm thinking. it would look better than this on my site, to be honest.
Best answer by Antonio
View original
+5
I must admit, I’m a bit disappointed. I thought the beautiful TypeForm would take up the whole page on Wordpress/Divi, but I’ve entered the standard embed code in a Divi module and the page is kinda short. Do I have to manually edit code to make it look good? I signed up for TypeForm thinking. it would look better than this on my site, to be honest.
Agree it doesn’t look right that way. I’m sure
+2
I must admit, I’m a bit disappointed. I thought the beautiful TypeForm would take up the whole page on Wordpress/Divi, but I’ve entered the standard embed code in a Divi module and the page is kinda short. Do I have to manually edit code to make it look good? I signed up for TypeForm thinking. it would look better than this on my site, to be honest.
Agree it doesn’t look right that way. I’m sure
Thanks. I’ve worked out that it’s mildly better if I add it as a full width code but it still doesn’t have the height. I wonder if it’s something we need to manually adjust each time, or if it’s something in the Typeform code?
+5
Ok. Liz will take a look once she’s back. In the meantime I encourage other community members to share their tips about this one.
By the way
Hi
Meanwhile if you are able to edit the generated html code, it will look like this
<div data-tf-opacity="100" data-tf-medium="embed-wordpress" data-tf-widget="{your form id}" style="height:800;width:100%" id="widget" class="wp-block-typeform-embed-plugin"></div>You could edit the part of code
style="height:800;width:100%" and change it to style="height:800px;width:100%"
Or any height you need your form to be, if you want the typeform to take the whole page you could try using height: 100vh.
If you post the link to your website I can have a look and suggest a quick fix, meanwhile be reassured we are working on this and we will fix it ASAP.
Thanks!
+2
Thank you so much,
+2
Oh whoops, I just noticed the ‘design’ drop down option under ‘embed in a web page’ and it lets you adjust the height! I didn’t see this before, and didn’t realise it would be necessary, but can see how to easily do it now. :)
I’ve looked up some info about Divi and Typeform at Elegant Themes website, and they recommend using the Divi code option, rather than the Typeform plugin which requires the URL (and I can’t seem to access it in the Divi front end editor anyway, so I’ll try the code option again with the altered height. Fingers crossed!
+2
Oh my goodness, it worked and I’m so happy with it! This is a HUGE step up from Gravity Forms, which I was using. Now to work out the integration with MailerLite, so I can add people to more that one group/segment based on their answers etc. Fingers crossed!
+5
Fantastic news
Enjoy your weekend.
+2
Thanks
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.