Back to Support Content and Media Blocks Embed Blocks Tlk.io Widget

Tlk.io Widget

The Tlk.io widget allows you to embed a web chat in your site.

Adding the Tlk.io Widget

To add the Tlk.io Widget to your site, you’ll first need to visit http://tlk.io to start a channel. All channels are public, including the random channels.

tlkio_createchannel

To add the widget to your site:

  1. In your dashboard, click on Appearance → Widgets.
  2. Choose the location where you’d like to place the widget on your site. Standard options include the Footer and Sidebar, but this may differ depending on your theme.
  3. Click either of the + block inserter buttons (see right) to see a list of all the available blocks and widgets.
  4. Scroll down to the Widgets section and click on the widget once to add it to your site.

For more general information, see this guide on working with widgets.

The Widgets Editor with highlights on the + Block Inserter at the top of the page and in a widget area.
Block inserter buttons

Settings

Once you add the widget to your sidebar or other widget area, you’ll see the following widget settings:

Screen Shot on 2021-09-07 at 08-27-22.png

Title: Sets the title for the widget on your site. You can choose any title for the widget, or omit it.

Channel: Sets the channel for the widget. The Channel setting must match your channel on tlk.io.

Height (in pixel): Sets the widget’s display height on your site.

After adding or changing the widget settings, click Save Changes.

Starting Chats

Once you’ve added the widget, chats can be started from your sidebar:

tlkio_chatsidebar

They can also be started from the tlk.io website:

tlkio_chatthere

Adding Chat to Pages and Posts

There is also a shortcode to add chat to pages and posts. You can add a shortcode to any page or post using a shortcode block.

Copy the shortcode below and paste it on its own line in the body of a page or post. Change your channel name and choose a height that works well for your site’s design.

[tlkio channel=lobby height=800]

Was this guide helpful for you?

Not quite what you're looking for? Get Help!

Copied to clipboard!