I cant embed typeform in clickfunnels Nov 2022 | Community
Skip to main content
Answered

I cant embed typeform in clickfunnels Nov 2022

  • November 30, 2022
  • 7 replies
  • 186 views

Hi

I cant embed my typeform to clickfunnels anymore, here is a video showing the problem: 

https://www.loom.com/share/b8d7e1f68d6e4ce1bab42aaab3adf5e9

 

Best answer by will10

I found a solution. Someone in another thread gave me this code:

 

<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>

Sceenshot: https://gyazo.com/adcb0eb4f49314d68d4ad36e4632795d

But its strange that typeform changed the embed codes so we have to do these things manually. Most people would never go this far with fixing this I believe.

View original

Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • November 30, 2022

Hi @will10 Thanks for stopping by and sharing this video! This looks like a restriction on what ClickFunnels will allow for custom code on their pages, I’m afraid. The only codes we provide are the ones you’re seeing in the embed section or in our Embed SDK

@mathio might possibly have some workarounds for you. 


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • December 1, 2022

Hello @will10 

your are correct, we changed the share page look & feel. However the embed code you get should still be the same as we gave you before.

 

The code you showcase in your video is not (and never was) a typeform embed code:

 

I am not familiar with Clickfunnels, however I see you are adding your embed code into “Custom CSS” window:

Maybe thats the issue? Our embed code is not CSS code, but rather HTML & JavaScript.

 

I have found a help article from Clickfunnels on Adding A Custom JS/HTML Element To Your Funnel Page, maybe it might help. I think that could be the correct way to insert your typeform embed code into your page. (Disclaimer: I have never used the Clickfunnels platform and I am not familiar with it.)


  • Explorer
  • December 1, 2022

Hi. Please read this post. 

https://community.typeform.com/integrate-your-typeform-43/embedding-problem-with-clickfunnels-2808

 

Other people are saying the same thing as me. The embed code you provide now is shorter and different from the one you provided before.Screenshot: https://gyazo.com/e11662516164b6fdd78f59637c1389ad


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • December 1, 2022

Are you sure you are putting the code into correct place? If you open your page, is the embed code in the page source?


  • Explorer
  • December 1, 2022
mathio wrote:

Are you sure you are putting the code into correct place? If you open your page, is the embed code in the page source?

Here is my answer to explain much more clear: 

https://www.loom.com/share/30c354c3cb544fb6a879b10d25efe264

 

I had to make a video to better show you


  • Explorer
  • December 1, 2022

I found a solution. Someone in another thread gave me this code:

 

<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>

Sceenshot: https://gyazo.com/adcb0eb4f49314d68d4ad36e4632795d

But its strange that typeform changed the embed codes so we have to do these things manually. Most people would never go this far with fixing this I believe.


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • December 2, 2022

Ah, glad to hear that worked for you. @will10 !


Reply