On-demand solutions

Add a chat feature into your on-demand app

Use our chat API and pre-built UI and get it easily done in a few hours. Allow your customers and service providers to effectively communicate with each other.

Try for free Talk to an expert

Real-time chat between customers and service providers

It makes for a more efficient and smoother experience between all parties involved. Giving users a way to quickly message each other when let's say, a taxi is not on time or an order is late, builds positive relationships between service providers and customers.

Getting started guide

We would have had to spend more engineering time implementing our second choice which was more flexible and customisable, but not game-changing at the time, so we decided to use TalkJS.

Matias Anaya

Software Engineer, Kaddy

Flutter and React Native SDKs available

You can integrate TalkJS into your Flutter or React Native app without having to write a single line of JavaScript. With these two SDKs, integrating TalkJS feels natural to both Flutter and React Native developers.

Read the docs

// Synchronize user data and set up
import 'package:flutter/material.dart';
import 'package:talkjs_flutter/talkjs_flutter.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    final session = Session(appId: 'YOUR_APP_ID');

    final me = session.getUser(
      id: '123456',
      name: 'Alice',
      email: ['alice@example.com'],
      photoUrl: 'https://talkjs.com/images/avatar-1.jpg',
      welcomeMessage: 'Hey there! How are you?',
      role: 'default',
    );

    session.me = me;

    final other = session.getUser(
      id: '654321',
      name: 'Sebastian',
      email: ['Sebastian@example.com'],
      photoUrl: 'https://talkjs.com/images/avatar-5.jpg',
      welcomeMessage: 'Hey, how can I help?',
      role: 'default',
    );

    final conversation = session.getConversation(
      id: Talk.oneOnOneId(me.id, other.id),
      participants: {Participant(me), Participant(other)},
    );

    return MaterialApp(
      title: 'TalkJS Demo',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('TalkJS Demo'),
        ),
        body: ChatBox(
          session: session,
          conversation: conversation,
        ),
      ),
    );
  }
}

With TalkJS you get a customisable built-in notification system

We integrated with 3rd party services so you don't have to. Notify users on any channel. TalkJS supports email, mobile, SMS, and browser notifications out of the box. You don't need to assemble several services to get everything working. We take care of what's under the hood as well as the look and feel of the notifications.

Explore notifications

Get started

Integrate chat with a few lines of code

You just need to tell us which conversation to display, who's chatting, and where to show it on the page. We take care of the rest! And if you want a deeper integration, we have all the APIs you'll need to add functionality or integrate into your own systems.

Getting started guide

// Synchronize user data and set up
const currentUser = new Talk.User({
    id: 79302, // your own user id
    name: "Nina Caldwell",
    email: "nina.caldwell@example.com" // for offline email fallback
});
const session = new Talk.Session({
    appId: "9352938974", // your TalkJS account id
    me: currentUser // make Nina the active user
});
const other = new Talk.User({
    id: "654321",
    name: "Sebastian",
    email: "sebastian@example.com"
});

// Add users to the conversation
const conversation = session.getOrCreateConversation(Talk.oneOnOneId(me, other));
conversation.setParticipant(me);
conversation.setParticipant(other);

// All set! Let's turn a div into Nina's messaging center
const inbox = session.createInbox();
inbox.mount(document.getElementById("chat-container"));

Themes

Tune the look and feel of your chat

You can deeply customise the chat UI with HTML and CSS. With TalkJS Themes you have complete control over the styling, the layout, and document structure of the chat messages and the possibility to show metadata.

Explore TalkJS themes

Now we can see how many clients and freelancers are interacting with one another. We can look at our dashboard and get broad overviews of what is happening within the application.

Matt Harrison

VP of Strategy, FreeUp

Ready to get started?

Build any chat use case into your product — in minutes — with just a few lines of code.

Try for free Talk to an expert