Raychat widget installer for Angular

The new online chat experience begins here!

Get closer to your leads and customers with a website chat widget. Adding a chat widget to your website will make your customer service experience even more exceptional.

• Install
• Use
• Props
• License
• Author

Install

npm i @raychat/widget-angular

Use

1. Import in the AppComponent Wrote to app.component.ts:

import { Component } from "@angular/core";
import { CommonModule } from "@angular/common";
import { RouterOutlet } from "@angular/router";
import { RaychatWidgetComponent } from "raychat-widget";

@Component({
  selector: "app-root",
  standalone: true,
  imports: [CommonModule, RouterOutlet, RaychatWidgetComponent],
  templateUrl: "./app.component.html",
  styleUrl: "./app.component.css",
})
export class AppComponent {
  title = "test-angular1";
}

2. Use in the app.component.html

Get token and type from raychat.io

<style>
  <!-- style related -->
</style>

<main>
  <!-- other elements -->
  <lib-raychat-widget token="6d5b4ba5-xxxx-xxxx-xxxx-48498f3fc2a2" type="normal" />
</main>

Props

| props | required | defaultValue | description | | ----- | -------- | ------------ | ----------------------------------------------------- | | token | true | undefined | Get token from raychat.io | | type | false | normal | The type of script: [normal, fast-laod, seo-friendly] |

License

MIT

Author

Mahdi Vajdi Github: @mahdi-vajdi Email: [email protected]