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.
You can install the Vue3 FreshChat package using npm or yarn:
npm install vue3-freshchator
yarn add vue3-freshchatTo use Vue3 FreshChat, follow these steps:
- Import the
FreshChatcomponent in your Vue application:
import FreshChat from "vue3-freshchat";- Add the
FreshChatcomponent 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.
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.
<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>Vue3 FreshChat is licensed under the MIT License.