NeetoChat Help Center

https://help.neetochat.com
Admin
The NeetoChat Help Center provides comprehensive documentation for setting up, customizing, and...
Tokens:87,397
Snippets:21
Trust Score:5.3
Update:1 year ago
Show doc for...
Tokens:
Raw
### NeetoChat Widget Integration Examples

Source: https://help.neetochat.com/articles/installation-and-frameworks

Provides links to demo applications showcasing how to integrate the NeetoChat widget within specific frontend frameworks. These examples illustrate using the script within component lifecycle methods for initialization.

```react
https://codesandbox.io/p/devbox/neetochat-react-rmsm4d
```

```vue
https://codesandbox.io/p/devbox/neetochat-vue-w4rkl9
```

```vanilla-js
https://codesandbox.io/p/sandbox/neetochat-html-mn5wgk
```

```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 embed the NeetoChat widget into your website or application. Copy this script and paste it into the HTML of your pages to enable the chat functionality.

```javascript
// Placeholder for the actual NeetoChat JavaScript snippet.
// Example: <script src="https://cdn.example.com/neetochat.js" async></script>
// The actual script would be provided by the NeetoChat service.
```

--------------------------------

### Prefill User Email and Details in Chat Widget

Source: https://help.neetochat.com/p/a-6cc75388

This script enables NeetoChat to prefill user details like identifier, name, email, and a start date in the chat widget. It's used to skip the email entry step for logged-in users and track their activities.

```javascript
<script>
 window.NeetoWidgetUserIdentity = {
  user_identifier: "USER_ID_HERE",
  name: "USER_NAME_HERE",
  email: "USER_EMAIL_HERE",
  started_at: "YYYY-MM-DD"
 }
</script>
```

--------------------------------

### Inject NeetoChat Widget Script into HTML Head

Source: https://help.neetochat.com/articles/installation-and-frameworks

Demonstrates how to add the NeetoChat widget installation script directly into the `<head>` section of an `index.html` file for browser-rendered frameworks like React, Angular, Vue, and Vanilla JS. This method ensures the widget loads on initial page render.

```html
<head>
  <!-- other head elements -->
  <script>
   (function () {
     // widget installation function body from settings
   })();
  </script>
</head>
```
Tokens:
Raw