https://github.com/tawk/tawk-messenger-angular

Official Angular plugin for Tawk messenger
https://github.com/tawk/tawk-messenger-angular

angular angularjs

Last synced: about 9 hours ago
JSON representation

Official Angular plugin for Tawk messenger

• Host: GitHub
• URL: https://github.com/tawk/tawk-messenger-angular
• Owner: tawk
• License: other
• Created: 2021-11-22T15:08:13.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-12-29T00:58:26.000Z (11 months ago)
• Last Synced: 2024-04-14T08:02:43.277Z (7 months ago)
• Topics: angular, angularjs
• Language: TypeScript
• Homepage: https://www.tawk.to/
• Size: 927 KB
• Stars: 5
• Watchers: 4
• Forks: 2
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


	



## Features

- Compatible on Angular

- Documented and Self explaining methods

- Small size without any external libraries

- All Javascript API are avaiable

- Maintained by [tawk.to](https://www.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](./docs/how-to-use.md)

2. [API Reference](./docs/api-reference.md)

3. [Directives](./docs/directives.md)




## Other JS frameworks plugin

- [Vue 2 Js](https://github.com/tawk/tawk-messenger-vue-2)

- [Vue 3 JS](https://github.com/tawk/tawk-messenger-vue-3)

- [React Js](https://github.com/tawk/tawk-messenger-react)

- [Ember Js](https://github.com/tawk/tawk-messenger-ember)




## Frequently Asked Questions

**Where you can approach us for suggestion or bug report?**

You can mention us on [Twitter](https://twitter.com/tawktotawk) or in our [Website](https://www.tawk.to/) just message us.