### Install Widget Script in HTML Head Source: https://help.neetochat.com/articles/installation-and-frameworks Demonstrates how to add the NeetoChat widget installation script to the section of an index.html file. This method is suitable for browser-rendered (CSR) frameworks like React, Angular, Vue, and Vanilla JS projects. ```html ``` -------------------------------- ### NeetoChat Slack Integration Steps Source: https://help.neetochat.com/articles/slack-integration Provides a step-by-step guide for integrating NeetoChat with Slack. This involves navigating the Admin Panel, authorizing the NeetoChat app, and configuring notification rules. ```APIDOC Integrate Slack with NeetoChat: 1. Navigate to Admin Panel. 2. Go to Integrations section. 3. Select Slack. 4. Click 'Login To Slack'. 5. Choose an existing workspace or add a new one. 6. Click 'Allow' to authorize. 7. Upon successful authorization, a confirmation message is sent by the NeetoChat app in Slack. 8. You will be redirected to the Slack integration page, confirming the connection. 9. Configure automation rules: Select 'Tickets' as the applicable event and choose a Slack channel in 'Actions' for notifications (e.g., notify 'art-work' channel when a ticket is created). ``` -------------------------------- ### NeetoChat Vanilla HTML/JS Integration Demo Source: https://help.neetochat.com/articles/installation-and-frameworks Offers a link to a demo application for integrating the NeetoChat widget with Vanilla HTML and JavaScript. This example highlights a straightforward approach for basic web projects. ```javascript https://codesandbox.io/p/sandbox/neetochat-html-mn5wgk ``` -------------------------------- ### NeetoChat Next.js Integration Demo Source: https://help.neetochat.com/articles/installation-and-frameworks Provides a link to a demo application for integrating the NeetoChat widget within a Next.js application. This example illustrates how to manage script execution in a Next.js environment. ```nextjs https://codesandbox.io/p/devbox/neetochat-nextjs-x8965g ``` -------------------------------- ### NeetoChat Widget Installation Script Source: https://help.neetochat.com/articles/installation-using-javascript-snippet This JavaScript snippet is used to integrate the NeetoChat widget into your website. Copy this code and paste it into your website's HTML, typically before the closing tag, to display the widget. ```javascript // Placeholder for the actual NeetoChat JavaScript snippet. // This code should be copied from the NeetoChat Admin Panel. // Example structure: // ``` -------------------------------- ### NeetoChat React Integration Demo Source: https://help.neetochat.com/articles/installation-and-frameworks Provides a link to a demo application showcasing how to integrate the NeetoChat widget within a React application. This example illustrates using the script within a component's lifecycle method. ```react https://codesandbox.io/p/devbox/neetochat-react-rmsm4d ``` -------------------------------- ### NeetoChat Vue Integration Demo Source: https://help.neetochat.com/articles/installation-and-frameworks Provides a link to a demo application demonstrating the integration of the NeetoChat widget into a Vue.js project. This example shows how to execute the script within a component's lifecycle. ```vue https://codesandbox.io/p/devbox/neetochat-vue-w4rkl9 ``` -------------------------------- ### Webhook Creation Process Source: https://help.neetochat.com/articles/creating-a-webhook This section outlines the steps to create a webhook. It involves navigating to the Admin Panel, configuring webhook settings, and specifying the endpoint and events to subscribe to. ```APIDOC Webhook Configuration: - Endpoint: URL that supports POST requests for receiving payloads. - Events: Select specific events to trigger notifications. - Secret (Optional): A string to verify the origin of requests. Process: 1. Navigate to Admin Panel. 2. Select 'Webhooks'. 3. Click 'Add New Webhook'. 4. Provide the endpoint URL. 5. Choose subscription events. 6. Optionally, set a secret. 7. Save changes to activate the webhook. ``` -------------------------------- ### Conversation Automation Rules Source: https://help.neetochat.com/articles/automation-rules Enables automation of conversation assignments and status updates. Rules can be based on conversation status, the URL where the chat started, or the assigned member, with actions to assign agents or teams. ```APIDOC ConversationAutomation: Description: Automate conversation management tasks. Conditions: - Status: Checks the current status of a conversation (e.g., open, closed). - Started at URL: Checks the URL where the chat conversation was initiated. - Member: Checks the agent currently assigned to the conversation. Actions: - Assign member: Assigns a specific agent to the conversation. - Assign team: Assigns a specific team to the conversation. ```