<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Live Chat Integration</h2>PusherJS is a useful tool for developers who want to add real-time features to their web applications in a simple and efficient way. It abstracts away much of the complexity involved in handling websockets and other low-level protocols, and provides a cloud-based service for managing real-time communication between a server and a client.<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">To get pusher api keys</h3><ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">First go to <a href="https://pusher.com/" rel="nofollow" class="PlaygroundEditorTheme__link">Pusher.com</a><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_pusher-s1.1711690206036.png?alt=media" alt="schooling" width="inherit" height="inherit"></li><li value="2" class="PlaygroundEditorTheme__listItem">After SignUp/Login you will see this screen, then click on manage button<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_pusher-s2.1711690227690.png?alt=media" alt="schooling" width="inherit" height="inherit"></li><li value="3" class="PlaygroundEditorTheme__listItem">Click on create app button and create a new app for your website, make sure you select stack as like below.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_pusher-s3.1711690248214.png?alt=media" alt="schooling" width="inherit" height="inherit"></li><li value="4" class="PlaygroundEditorTheme__listItem">After create app you will see below page, now click on App Keys to get app keys for your website<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_pusher-s4.1711690270665.png?alt=media" alt="schooling" width="inherit" height="inherit"></li><li value="5" class="PlaygroundEditorTheme__listItem">Now you will see you app keys as like this screenshot<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_pusher-s5.1711690293840.png?alt=media" alt="schooling" width="inherit" height="inherit"></li><li value="6" class="PlaygroundEditorTheme__listItem">Go to your project “General settings &gt; Livechat Settings” now add your all api credentials.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_pusher-s6.1711690313023.png?alt=media" alt="schooling" width="inherit" height="inherit"></li></ol>That’s all for setup live chat addon.

## Live Chat Integration

PusherJS is a useful tool for developers who want to add real-time features to their web applications in a simple and efficient way. It abstracts away much of the complexity involved in handling websockets and other low-level protocols, and provides a cloud-based service for managing real-time communication between a server and a client.

### To get pusher api keys

1. First go to[Pusher.com](https://pusher.com/)![schooling](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_pusher-s1.1711690206036.png?alt=media)
2. After SignUp/Login you will see this screen, then click on manage button![schooling](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_pusher-s2.1711690227690.png?alt=media)
3. Click on create app button and create a new app for your website, make sure you select stack as like below.![schooling](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_pusher-s3.1711690248214.png?alt=media)
4. After create app you will see below page, now click on App Keys to get app keys for your website![schooling](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_pusher-s4.1711690270665.png?alt=media)
5. Now you will see you app keys as like this screenshot![schooling](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_pusher-s5.1711690293840.png?alt=media)
6. Go to your project “General settings > Livechat Settings” now add your all api credentials.![schooling](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_pusher-s6.1711690313023.png?alt=media)

That’s all for setup live chat addon.

<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Live Chat Integration</h2>PusherJS is a useful tool for developers who want to add real-time features to their web applications in a simple and efficient way. It abstracts away much of the complexity involved in handling websockets and other low-level protocols, and provides a cloud-based service for managing real-time communication between a server and a client.<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">To get pusher api keys</h3><ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">First go to <a href="https://pusher.com/" rel="nofollow" class="PlaygroundEditorTheme__link">Pusher.com</a><img src="https://www.templatecookie.com/docs/schooling/pusher-s1.png" alt="Schooling Pusher Setup" width="inherit" height="inherit"></li><li value="2" class="PlaygroundEditorTheme__listItem">After SignUp/Login you will see this screen, then click on manage button<img src="https://www.templatecookie.com/docs/schooling/pusher-s2.png" alt="Schooling Pusher Setup" width="inherit" height="inherit"></li><li value="3" class="PlaygroundEditorTheme__listItem">Click on create app button and create a new app for your website, make sure you select stack as like below.<img src="https://www.templatecookie.com/docs/schooling/pusher-s3.png" alt="Schooling Pusher Setup" width="inherit" height="inherit"></li><li value="4" class="PlaygroundEditorTheme__listItem">After create app you will see below page, now click on App Keys to get app keys for your website<img src="https://www.templatecookie.com/docs/schooling/pusher-s4.png" alt="Schooling Pusher Setup" width="inherit" height="inherit"></li><li value="5" class="PlaygroundEditorTheme__listItem">Now you will see you app keys as like this screenshot<img src="https://www.templatecookie.com/docs/schooling/pusher-s5.png" alt="Schooling Pusher Setup" width="inherit" height="inherit"></li><li value="6" class="PlaygroundEditorTheme__listItem">Go to your project “General settings &gt; Livechat Settings” now add your all api credentials.<img src="https://www.templatecookie.com/docs/schooling/pusher-s6.png" alt="Schooling Pusher Setup" width="inherit" height="inherit"></li></ol>That’s all for setup live chat addon.

Live Chat Integration

Efficiently manage your school with Schooling. The all-in-one PHP script for schools with multi-language support, payment gateway integration, and powerful academic management features. Try it now.

Was this article helpful?