Embedding a Typeform into Themeco – Themeco Community https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/feed/ Sat, 11 Oct 2025 21:40:23 +0000 https://bbpress.org/?v=2.6.14 en-US https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-369909 <![CDATA[Embedding a Typeform into Themeco]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-369909 Wed, 26 Aug 2015 12:01:56 +0000 rikpina Hello Team!

I want to embed a typeform (typeform.com) into a page. Typeform has asked me to use this code to create an HTML page on your site with a fullscreen typeform.

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”&gt;
<html>
<head>
<!–Add the title of your typeform below–>
<title>Teacher Application Form</title>

<!–CSS styles that ensure your typeform takes up all the available screen space (DO NOT EDIT!)–>
<style type=”text/css”>
html{
margin: 0;
height: 100%;
overflow: hidden;
}
iframe{
position: absolute;
left:0;
right:0;
bottom:0;
top:0;
border:0;
}
</style>
</head>
<body>
<iframe id=”typeform-full” width=”100%” height=”100%” frameborder=”0″ src=”https://chordboxx.typeform.com/to/ujLATe”></iframe&gt;
<script type=”text/javascript” src=”https://s3-eu-west-1.amazonaws.com/share.typeform.com/embed.js”></script&gt;
</body>
</html>

I’ve tried to use the “code snippet” element and “raw content” element with cornerstone with no success. I’ve also tried to paste the code in the wordpress text with no luck either as it is not embedding the form at 100% of the available screen area inside.

It should show on a full screen like this (https://chordboxx.typeform.com/to/ujLATe).

Please help! 🙂

Thanks
Ricardo

]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-369951 <![CDATA[Reply To: Embedding a Typeform into Themeco]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-369951 Wed, 26 Aug 2015 12:51:30 +0000 Christopher Hi there,

Add iframe tag in raw content element :

<iframe id="typeform-full" width="100%" height="100%" frameborder="0" src="https://chordboxx.typeform.com/to/ujLATe"></iframe>

Add following code in child theme’s functions.php file :

function my_custom_Script() {
  ?>
   <script type="text/javascript" src="https://s3-eu-west-1.amazonaws.com/share.typeform.com/embed.js"></script>
  <?php
}

add_action( 'wp_footer', 'my_custom_Script', 99999 );

Hope it helps.

]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-370093 <![CDATA[Reply To: Embedding a Typeform into Themeco]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-370093 Wed, 26 Aug 2015 15:01:53 +0000 ip79 Unbelievable!
I was just about to post the same question as I had this silly skinny bar where my typeform should have been.

This support rocks!

]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-370134 <![CDATA[Reply To: Embedding a Typeform into Themeco]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-370134 Wed, 26 Aug 2015 15:33:14 +0000 ip79 Ricardo I PROMISE I’m not here to hijack your post, you’re doing 100% the same as I’m trying to achieve so figured we all combine forces for a quicker resolution to this problem.

The issue was on the typeform end, you don’t choose the bottom option (full page), choose the embed option, I’ve taken a screenshot to show how to get this working —> http://screencast.com/t/niCFLpoAkl

Hope this helps X support too!
Paul.

]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-370227 <![CDATA[Reply To: Embedding a Typeform into Themeco]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-370227 Wed, 26 Aug 2015 17:04:04 +0000 Thai Thanks for sharing Paul 🙂

]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-371841 <![CDATA[Reply To: Embedding a Typeform into Themeco]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-371841 Fri, 28 Aug 2015 03:11:39 +0000 rikpina Thanks Paul and Staff! It worked 🙂

Ricardo

]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-371943 <![CDATA[Reply To: Embedding a Typeform into Themeco]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-371943 Fri, 28 Aug 2015 05:27:14 +0000 Nico Glad to hear that.

Have a great day! 🙂

]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-608408 <![CDATA[Reply To: Embedding a Typeform into Themeco]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-608408 Fri, 02 Oct 2015 17:44:32 +0000 Austin Abell Hi guys!

This was the exact solution I was looking for… but I’m not sure what I’m doing wrong.

Would you mind taking a look?

http://my401k.co/feedback-2/

<iframe id=”typeform-full” width=”100%” height=”100%” frameborder=”0″ src=”https://my401k.typeform.com/to/FNzrPm”></iframe&gt;

]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-608656 <![CDATA[Reply To: Embedding a Typeform into Themeco]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-608656 Fri, 02 Oct 2015 21:24:18 +0000 Friech Hi There,

Thanks for writing in! Please remove the <p> tag you wrap on the iFrame or add the custom css below on customizer.

#x-section-1 p {
	height: 30em;
}

Hope it helps, Cheers!

]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-613092 <![CDATA[Reply To: Embedding a Typeform into Themeco]]> https://theme.co/archive/forums/topic/embedding-a-typeform-into-themeco/#post-613092 Tue, 06 Oct 2015 13:31:46 +0000 Austin Abell Hi, that worked pretty well, thanks! Not sure how to remove the P tags so I just used the code. Last thing, how can I change that grey background on the bottom to white to match the survey?

http://my401k.co/feedback/

Thank you SO much 🙂

]]>