# Integrating Custom Live Chat First step is to go to [Settings](https://app.airim.co/home/settings) -> [Contact Options](https://app.airim.co/home/settings/contact) -> Live Chat and select **Custom Application.** Click Activate to save the configuration. Airim provides a simple API for integration of your custom live chat solution. One of the possible flow for integration is given below: 1. User sees Airim widget 2. User interacts with Airim widget and clicks the live chat icon 3. Third party live chat software is opened 4. User closes the live chat, hiding the live chat and showing Airim You can integrate your own live chat application using the code below : ```javascript window.airim('on','liveChatClick',function(){ openLiveChatApplication(); // hide the airim widget so it does not overlap with the live chat window.airim('widgetHide'); }) ``` Optionally you can also show the airim widget icon when the user closes the live chat application using a callback that the third party application provides. ```javascript function liveChatCloseCallback(){ // this line of code shows the airim widget icon window.airim('widgetShow'); } ``` ## Examples ### Freshchat Integration First step is to go to [Settings](https://app.airim.co/home/settings) -> [Contact Options](https://app.airim.co/home/settings/contact) -> Live Chat and select **Custom Application.** Click Activate to save the configuration. You can directly copy paste the code below to integrate with Freshchat. You can add this code at the end of you HTML file after the \ tag. ```markup ``` ### Chaport Integration First step is to go to [Settings](https://app.airim.co/home/settings) -> [Contact Options](https://app.airim.co/home/settings/contact) -> Live Chat and select **Custom Application.** Click Activate to save the configuration. You can directly copy paste the code below to integrate with Chaport. ```markup ``` ### Intercom Integration First step is to go to [Settings](https://app.airim.co/home/settings) -> [Contact Options](https://app.airim.co/home/settings/contact) -> Live Chat and select **Custom Application.** Click Activate to save the configuration. You can directly copy paste the code below to integrate with Intercom. Please make sure you have added the Intercom JS and Airim JS ```markup ``` ### ConvertFox / Gist Integration First step is to go to [Settings](https://app.airim.co/home/settings) -> [Contact Options](https://app.airim.co/home/settings/contact) -> Live Chat and select **Custom Application.** Click Activate to save the configuration. You can directly copy paste the code below to integrate with ConvertFox. Please make sure you have added the ConvertFox JS and Airim JS ```markup ``` ### Drift Chat Integration First step is to go to [Settings](https://app.airim.co/home/settings) -> [Contact Options](https://app.airim.co/home/settings/contact) -> Live Chat and select **Custom Application.** Click Activate to save the configuration. You can directly copy paste the code below to integrate with Drift. Please make sure you have added the Drift JS snippet and Airim JS snippet above the following code ```markup ``` --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.airim.co/integrations/integrating-custom-live-chat.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.