width="250"
src="./images/js_logos_ver2_angular_js_tawk-08_720.png"
alt="Tawk Angular Logo">

Features

- Compatible on Angular
- Documented and Self explaining methods
- Small size without any external libraries
- All Javascript API are avaiable
- Maintained by tawk.to team

Installation

The plugin are available in node and yarn package managers.
``bash

Node

npm install @tawk.to/tawk-messenger-angular

Yarn

yarn add @tawk.to/tawk-messenger-angular
`

Quickstart

Import the tawk-messenger-angular in your app.component.ts. The propertyId and widgetId will be found on your tawk dashboard Administration > Chat Widget.

`js
import { TawkMessengerAngular } from '@tawk/tawk-messenger-angular';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.sass']
})

export class AppComponent implements OnInit {
title = 'tawk-messenger-angular'

constructor(
public TawkMessengerAngular: TawkMessengerAngular
) { }

ngOnInit(): void {
this.TawkMessengerAngular.init({
propertyId: [propertyId],
widgetId: [widgetId]
});
}
}
`

Documentation

This project includes a docs` folder with more details on:

1. How to use
2. API Reference
3. Directives

Other JS frameworks plugin

- Vue 2 Js
- Vue 3 JS
- React Js
- Ember Js

Frequently Asked Questions

Where you can approach us for suggestion or bug report?

You can mention us on Twitter or in our Website just message us.