Customer Chat Widget

With this widget, you can add a customer chat widget to your website. It is easy to use and customizable. Your contacts can easily reach you on WhatsApp or Telegram.

Installation

npm i customer-chat-widget

Usage

First, import css in your main.css or nuxt.config.ts.
main.css

@import url('~/node_modules/customer-chat-widget/dist/style.css');

nuxt.config.ts

export default defineNuxtConfig({
  // ...
  css: ['~/node_modules/customer-chat-widget/dist/style.css']
  // ...
})

Then, add the component to your template:

1. use WhatsApp component

import { WhatsAppChat } from 'customer-chat-widget';

<template>
  <WhatsAppChat />
</template>

1. use Telegram component

import { TelegramChat } from 'customer-chat-widget';

<template>
  <TelegramChat />
</template>

Props

Contributors

This project is contributed by u301 team. Create an issue to give suggestions or feedback questions.