Hi,
I’m really new to Hype so this question might seem silly. I have pasted some html code into a widget so that my Twitter feed can be seen on my page. The code is:
<a class="twitter-timeline" href="https://twitter.com/Waste_Deep">Tweets by Waste_Deep</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
When I preview the page within Hype, the widget works fine, however, when I export the file, the widgets are blank. I can’t figure out why. Any help would be much appreciated!
Since this starts with //platform, when you preview it on your computer it uses the file:// protocol, so it doesn't work. To force it to actually access the platform domain, you'll need to use https://platform.twitter.com
So your full code would be:
<a class="twitter-timeline" href="https://twitter.com/Waste_Deep">Tweets by Waste_Deep</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
One more question if you can. Will some widgets only work if the site has been hosted? I have a Facebook widget which, as with the Twitter widget, previews correctly within Hype, however, fails when I export it. The code I’m using is:
Thanks again. I did try adding the https: however it still doesn’t work unless the site is hosted; which is fine for what I’m doing. Apologies for not using < / > button!