Uly.me

cloud engineer

  • Home
  • About
  • Archives
Home/HTML/TLK.IO Embed

December 2, 2018

TLK.IO Embed

tlk.io is a simple chat page that you can embed on your site. If all you are seeing is a blank screen, I may have a fix for it. I don’t think it’s documented anywhere. I did not see it on tlk.io’s website. Here’s the code that they want you to embed. Of course, you have to use your own data-channel instead of the default “hey.”

<div id="tlkio" data-channel="hey" style="width:100%;height:400px;"></div>
<script async="" src="http://tlk.io/embed.js" type="text/javascript"></script>

<div id="tlkio" data-channel="hey" style="width:100%;height:400px;"></div> <script async="" src="http://tlk.io/embed.js" type="text/javascript"></script>

The above code will not work if your site is secured via SSL. You’ll need to change the embed.js reference to https. In this case, it would be something like this. 

<div id="tlkio" data-channel="hey" style="width:100%;height:400px;"></div>
<script async="" src="https://tlk.io/embed.js" type="text/javascript"></script>

<div id="tlkio" data-channel="hey" style="width:100%;height:400px;"></div> <script async="" src="https://tlk.io/embed.js" type="text/javascript"></script>

The code will work in WordPress as well.

Filed Under: HTML, WP Tagged With: chat, secure, ssl, tlk.io

About Me

I'm Ulysses, a Cloud Engineer at Cardinal Health based in Columbus, Ohio. I’m a certified AWS Solutions Architect. This website is my way of documenting the things I have learned in the Cloud. When off the grid, I enjoy riding my electric skateboard. I have surfed, snowboarded and played the saxophone in the past. I hope you will find this site helpful. It's powered by WordPress and hosted in AWS LightSail.

  • Cloud
  • Linux
  • Git

Copyright © 2012–2021