vue3-freshchat
v0.0.11
Published
[![Version](https://img.shields.io/npm/v/vue3-freshchat.svg)](https://www.npmjs.com/package/vue3-freshchat)
Downloads
182
Readme
Vue3 FreshChat
Vue3 FreshChat is a Vue 3 package that enables easy integration of the FreshChat widget into your Vue 3 applications. FreshChat is a customer messaging platform that allows you to engage with your website visitors and provide real-time support.
Installation
You can install the Vue3 FreshChat package using npm or yarn:
npm install vue3-freshchat
or
yarn add vue3-freshchat
Usage
To use Vue3 FreshChat, follow these steps:
- Import the
FreshChat
component in your Vue application:
import FreshChat from "vue3-freshchat";
- Add the
FreshChat
component to your template, passing the necessary props:
<FreshChat source="//eu.fw-cdn.com/123123/123123.js" :id="123" first_name="Jan" last_name="Pieter" email="[email protected]" :extraProperties="{'cf_client':'test'}" />
- Customize the template and scoped styles as needed.
Props
The FreshChat
component accepts the following props:
source
(required): The source URL of the FreshChat script.id
: The user's external ID.first_name
: The user's first name.last_name
: The user's last name.email
: The user's email address.extraProperties
: Additional properties for the user as a key-value object.
Example
<template>
<FreshChat source="//eu.fw-cdn.com/123123/123123.js" :id="123" first_name="Jan" last_name="Pieter" email="[email protected]" :extraProperties="{'cf_client':'test'}" />
</template>
License
Vue3 FreshChat is licensed under the MIT License.