How to add a typing indicator for an AI chatbot
Step-by-step guide to adding a real-time typing indicator for an AI chatbot in TalkJS to enhance user experience.
Tutorials
Explore guides and tutorials to integrate the TalkJS chat API and messaging SDK into your web and mobile products.
Latest
How to add a GIF picker to your TalkJS chat
Tutorial on adding a Giphy-powered GIF picker to TalkJS chat using a custom action button, themes, and a search overlay to send GIFs as messages.
How to add chat to a Laravel app with TalkJS
Tutorial on adding TalkJS chat to a Laravel app: set up authentication, build a dynamic contact list, and mount a chatbox with per-user conversations.
How to use TalkJS to create a team chat with channels
Tutorial on building a Slack-style team chat with TalkJS's classic React SDK, featuring channel and DM lists, a custom chat header, and unread message highlighting.
How to add custom links to a user’s profile
Tutorial on making the chat header's username and avatar link to a user's profile page in TalkJS, using either direct links or action buttons for single-page apps.
How to add a word blocklist for content moderation
This guide will help you add a word blocklist to your TalkJS chat for the purposes of content moderation.
How to build a reply thread feature with TalkJS
Tutorial on building reply threads in TalkJS using custom action buttons, the REST API, webhooks, and custom conversation data.
How to integrate TalkJS chat into a Bubble app
The purpose of this how-to guide is to help you integrate TalkJS messaging functionality into your no-code Bubble app. By the end of this guide you will have a working example of TalkJS chat in Bubble.
How to change the title and image of a conversation
Tutorial on adding a custom 'Edit title or image' action to a TalkJS group chat, using a modal and the REST API to update the conversation.
How to create a message center with TalkJS
Tutorial on building a one-way message center with TalkJS: create conversations via the REST API, send messages and notifications, and enforce read-only access.
How to lock a conversation to be read-only
Tutorial on adding an admin custom conversation action in TalkJS that sets all participants' access to read-only using setParticipant.
How to archive a conversation
Tutorial on adding archive and unarchive actions to a TalkJS inbox using custom conversation actions, a custom field, and a filtered archived-chats view.