Answered

MY TYPEFORM HTML ISNT WORKING

  • 26 July 2021
  • 9 replies
  • 113 views

I’m trying to embed my typeform as a chat box. When I try to embed it normally (not chat box) there is alot of code and the integration works perfectly. When I change it to a chat box, it doesn’t work on my website and there are only like 2 lines of code. Is there a bug with typeform or is there a special way I’m suppose to integrate it? I’ve incuded it below. You can see the obvious difference.

 

This is the code for the chat box: 

<div data-tf-chat data-tf-widget="N96cgNe0" style="width:100%;height:400px"></div><script src="//embed.typeform.com/next/embed.js"></script>

This is the code for the normal typeform:

<div class="typeform-widget" data-url="https://form.typeform.com/to/N96cgNe0?typeform-medium=embed-snippet" style="width: 100%; height: 500px;"></div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>
icon

Best answer by Liz 26 July 2021, 18:08

View original

9 replies

Userlevel 7
Badge +5

Hi @dlask24oo Thanks for stopping by the community! Could you share the URL where you have the form embedded? Thanks!

https://app.funnel-preview.com/for_domain/ecomdan.com/squeeze-page-498779411627311578589?updated_at=9fe9107a4501699b8f9f1186757057e0v2&track=0&preview=true

Hi @dlask24oo Thanks for stopping by the community! Could you share the URL where you have the form embedded? Thanks!

https://app.funnel-preview.com/for_domain/ecomdan.com/squeeze-page-498779411627311578589?updated_at=9fe9107a4501699b8f9f1186757057e0v2&track=0&preview=true

I’m trying to embed my typeform as a chat box. When I try to embed it normally (not chat box) there is alot of code and the integration works perfectly. When I change it to a chat box, it doesn’t work on my website and there are only like 2 lines of code. Is there a bug with typeform or is there a special way I’m suppose to integrate it? I’ve incuded it below. You can see the obvious difference.

 

This is the code for the chat box: 

<div data-tf-chat data-tf-widget="N96cgNe0" style="width:100%;height:400px"></div><script src="//embed.typeform.com/next/embed.js"></script>

This is the code for the normal typeform:

<div class="typeform-widget" data-url="https://form.typeform.com/to/N96cgNe0?typeform-medium=embed-snippet" style="width: 100%; height: 500px;"></div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>

 

Website where it’s embedded:

https://app.funnel-preview.com/for_domain/ecomdan.com/squeeze-page-498779411627311578589?updated_at=14fedfacaf838bba255d6d826e5c4932v2&track=0&preview=true

Userlevel 7
Badge +5

Hi @dlask24oo Thank you! I took a peek at the site, and it looks like the form is embedded in Clickfunnels. Sadly, we don’t have too much help we can provide as their site often strips the scripts running, but I would suggest reaching out to them directly to see if they can help you see why it’s not showing!

Hello I have exactly the same problem, can you help me urgently please?
Here is the link: 

 

Userlevel 7
Badge +5

Hi @Lea chretien 72 Thanks for stopping by! Could you share the URL where your form is embedded? 

@Liz 

I have the same issue.

This is url medium and the last section embed with typeform url


Some part of url are deleted when embedding on Medium.
What I embed is:
https://tc9nx4jz39g.typeform.com/to/GEpkpqhG?download_url=https://drive.google.com/file/d/120xJ3rrr1_U5uiNlcTdjCs3Uz3PMNmYX/view?usp=sharing

What I get:
https://tc9nx4jz39g.typeform.com/to/GEpkpqhG

Userlevel 7
Badge +5

Hi @teppakorn The reason this isn’t working is because the URL you have in the typeform URL. It isn’t possible to pass a URL within a URL, so you will need to change the download_url hidden field. 

Reply