Tag Master allows you to create, view, and delete tags and canned responses in an easy and predictable way.
To use this application in your LiveChat dashboard, you'll need to create your own app in Developers Console and get the Client Id.
-
Go to Apps in Developers Console.
-
Click New App and give it an App Name.
-
Select Agent App Widget as the App Template.
-
Go to Develop -> Building Blocks.
-
Add App Authorization and mark it as JavaScript App. Your Client Id will be displayed there.
-
Add scopes
canned_responses_read,canned_responses_write,tags--all:rw,tags--groups:rwto the App scopes and API access box. -
Fetch the Tag Master app repository.
-
In the app directory, do the following steps :
- Install dependencies (
npm install). - In your project, go to
src/utils/congif.jsand replaceclient_idwith your own Client Id (the one from Step 5). - Run your app (
npm start).
- Install dependencies (
-
Add your app url (for example:
https://localhost:3000) in these two locations:- Redirect URI whitelist
- Agent App Widgets
-
In Private installation, click Install app.
You should now be able to use Tag Master with LiveChat.
Agent App Widgets are web applications loaded inside the LiveChat Agent App. All agents can interact with the widget during chats with customers. The widget itself is displayed in the Agent’s App right sidebar.
To get information such as tags and canned responses, you need to use LiveChat Rest API.
In order to pull data from our server, Rest API requires you to include an access_token in all the requests. You can get it using LiveChat Boilerplate and JavaScript Widget API.
You should also get familiar with Authorization.
If you find some bugs, please create an issue in this repo. We will try to fix is ASAP ;)
LiveChat is an online customer service software with live support, help desk software, and web analytics capabilities. It's used by more than 27,000 companies all over the world. For more info, check out LiveChat for Developers.
This project was bootstrapped with Create React App.