Answered

Embeded code never load


Hi,

After embeding my code and refreshing my page, I always get this answer on Chrome : form.typeform.com doesn’t authorise the connexion.

Any idea where the problem could come from ?

Thanks!

icon

Best answer by mathio 26 July 2021, 15:23

View original

10 replies

Userlevel 7
Badge +5

Hi @Grizzou Happy Monday! Would you mind sharing the URL where you have the form embedded? Thanks!

Hi Liz and happy Monday too!

In fact I just started buy testing the embedment with the link I copied :

<!Doctype html>

<html>
    <body>
    <div class="typeform-widget" data-url="https://form.typeform.com/to/lQqOjvXD?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>
    </body>
</html>

 

Thank you for your help!

Userlevel 7
Badge +5

Thanks! Though, I’ll need the URL where you have the form embedded to take a look. If you could send that over, that would be handy! @Grizzou 

Hi again!

Here is the link (just the code I copied to an empty html to keep things easy) : https://grizzou74.github.io/test/

As you can see It works perfectly after posting it on github (I just notice this) but it doesn’t load when I launch it directly from my desktop. Is there a reason to this problem? Because later I will need to place the typeform correctly in my homepage and I will need to work on it.

Thanks again!

Userlevel 7
Badge +5

Hi @Grizzou I’m not quite sure I understand - would you mind clarifying how you’re launching from your desktop? Are you developing in a coding app on your desktop? As long as it’s working in the URL, you should be ok. :) 

Hi and happy Tuesday!

Yes I use Sublime Text and I get the message “form.typeform.com doesn’t authorise the connexion” when I drag and drop my index file to Chrome. I’m glad it’s working in the URL but I don’t understand why it’s not loading with a drag and drop. Do you think it’s normal ? (maybe it is, I’m a total beginner :sweat_smile: )

Userlevel 7
Badge +5

@Grizzou Ah, I think this might be a similar issue to the one below: 

 

 

It sounds like you just need SSL when developing internally. Let me know if that doesn’t work!

Userlevel 7
Badge +5

Hello @Grizzou 

to protect our customers and their respondents typeforms can be embedded only in pages served via secure HTTPS. There is one exception and that is if the page is served on localhost it can be served over HTTP. However you should not “drag and drop” the file into your browser, but rather serve it via a local server on an URL like http://localhost:8080 . You can use any server, eg a simple one like http-server.

We enforce this via CSP headers.

Thank you Liz and mathio !

As I have no idea how creating an internal SSL I had to give up on this option.

I followed a tutorial to use a local host server and my typeform is now working! (and I understand better why it didn’t before)

Thank you again both for your help!

Userlevel 7
Badge +5

Glad that worked, @Grizzou ! Let us know if you have any other questions. :grinning:

Reply