integration Chat API – A Guide to Integrate Chat in your Website in 1 Hour3 min read

In the early and mid-2000, email was the most commonly used medium for user-to-user communication. However, delays in responses and less interactivity make emails very inefficient.

Overcoming these drawbacks, instant messaging came into the picture and became a new trend because of ease of use and quick responses. The proliferation of mobile devices with connectivity on-the-go, native device features like push notifications & rich keyboard, and easy media sharing further made real-time chat the best medium of communication.

Besides features, benefits and all other sweet things that real-time Chat offers, there are myths like:

Integrating ready-to-use Chat APIs and SDKs is time-consuming.

Hell No!

We’ll show how it can be done in just 1 hour. This hands-on tutorial shows you how to add user-to-user chat on your website in just 3-steps using’s feature-rich Pre-built UI.

Let’s get started!

Step 1: Get your Application keys

  1. Choose a Plan and signup on, or use the Free Trial.

  2. Create an Application.

  3. In your application’s dashboard go to Overview > Application Credentials and copy your Public and Private Keys.

Channelize_Dashboard Dashboard

Step 2: Implement User-Authentication

To provide users secure access to chat, implement user-authentication in Chat API integration. By default, API provides two user-authentication methods:

  1. Authentication with User ID

  2. Authentication with Email and Password

In the previous article, we talked about the difference between both these methods, who should use which one, and how to implement them.

Step 3: Add ready-to-go Pre-built Chat UI to your website

We have developed the Pre-built Web UI to provide developers a ready-to-launch solution that can be embedded using a few lines of code. Add the code snippet mentioned here to every page where you need the chat widget. Use the JavaScript functions mentioned below the code snippet to trigger the opening of chat windows according to your requirements.

This Pre-built UI code can also be used in UI / JS frameworks such as React, AngularJS, etc.

Step 4: Data Migration and Synchronization

To enable conversations between users, you must have those users created in your application.

If your website has existing users, relationships and historical chat data, then you may migrate them to your application before launching Chat in production. We have a sync server that allows migration without any data loss and downtime. Read more at our developer documentation for migration.

If you have a new website with no users or data to be migrated, then proceed with data synchronization using Platform APIs for the below events:

Users will be able to search other users in the Pre-built UI to initiate Chat, or conversations can be created using the Create a Conversation API.

Read our Platform APIs developer documentation to know other API functions we provide and use them as per your requirements.

Next Steps

At this point, you should have a basic real-time chat enabled on your website. Users would be able to search for other users and start a conversation.

You can build advanced features around Chat and achieve more with our Webhooks, creating use-case specific conversations with our API, Bot Integration, Video Calling, and more!

If you want to customize Chat UI on your website beyond the configurations our Pre-built UI provides, then please use our JavaScript SDK or start with our Sample JavaScript Chat App. If you have Mobile Applications, then integrate our iOS and Android Chat SDKs.

We’re all ears to know what you want to achieve with Chat. Please feel free to book a short call with us, or send us an email at:

  • forex day trading software
    Posted at 22:12h, 05 April Reply

    Hello There. I found your blog using msn. This is a really
    well written article. I will make sure to bookmark
    it and come back to read more of your useful information. Thanks for the post.
    I’ll definitely comeback.

  • cat introduction
    Posted at 05:39h, 11 April Reply

    you’re actually a good webmaster. The web
    site loading pace is incredible. It sort of feels that you’re doing any distinctive trick.
    Also, The contents are masterwork. you have done a magnificent task on this subject!

  • web page
    Posted at 16:28h, 12 April Reply

    Excellent goods from you, man. I’ve understand your stuff
    previous to and you are just extremely fantastic. I actually like what you have acquired here,
    certainly like what you’re saying and the way in which you say it.
    You make it entertaining and you still care for
    to keep it wise. I can’t wait to read far more from you.
    This is really a terrific site.

  • cat health
    Posted at 04:45h, 17 April Reply

    I am truly happy to glance at this weblog posts which contains plenty of helpful information, thanks for providing these data.

  • cat company
    Posted at 02:17h, 18 April Reply

    Useful information. Fortunate me I discovered your web site unintentionally, and I’m stunned why this accident did not happened earlier!
    I bookmarked it.

  • online forex Trading software
    Posted at 07:58h, 18 April Reply

    Hi mates, its enormous paragraph concerning cultureand entirely explained,
    keep it up all the time.

  • cat breeds
    Posted at 09:39h, 19 April Reply

    Appreciate the recommendation. Will try it out.

  • cat care
    Posted at 15:31h, 20 April Reply

    Hi there, You have done an incredible job. I will certainly digg it
    and personally recommend to my friends. I’m sure they’ll be benefited
    from this site.

  • cat company
    Posted at 00:31h, 21 April Reply

    I like what you guys are usually up too.
    This sort of clever work and exposure! Keep up the
    amazing works guys I’ve incorporated you guys to our blogroll.

  • cat food
    Posted at 03:48h, 21 April Reply

    I pay a quick visit everyday some sites and information sites to read articles, but this
    blog gives quality based writing.

  • medicare plan c
    Posted at 16:44h, 25 April Reply

    Nice post. I was checking continuously thhis blog aand I’m impressed!

    Very useful information specially the last part 🙂 I care for such info a lot.

    Iwas looking for this particular information for a long time.
    Thank you and best of luck.

  • edirne çilingir
    Posted at 10:28h, 13 May Reply

    Hi there it’s me, I am also visiting this site daily, this web page is actually good and the
    people are truly sharing pleasant thoughts.

Post A Comment