tawk/tawk-messenger-angular

Official Angular plugin for Tawk messenger

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.

# 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.

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.