https://github.com/razzul/vsf-tawk

Tawk.to live chat for Vue Storefront
https://github.com/razzul/vsf-tawk

livechat livechat-integration tawk vue vuestorefront vuestorefront-tawk-to

Last synced: 3 months ago
JSON representation

Tawk.to live chat for Vue Storefront

• Host: GitHub
• URL: https://github.com/razzul/vsf-tawk
• Owner: razzul
• License: mit
• Created: 2019-09-27T10:30:38.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2019-09-27T10:41:01.000Z (about 5 years ago)
• Last Synced: 2024-05-22T17:34:09.965Z (6 months ago)
• Topics: livechat, livechat-integration, tawk, vue, vuestorefront, vuestorefront-tawk-to
• Language: TypeScript
• Size: 136 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-vuestorefront - Tawk.to integration

README

        
# Vue Storefront tawk.to module

[tawk.to](https://www.tawk.to/) integration for [vue-storefront](https://github.com/DivanteLtd/vue-storefront), by [Rajul Mondal](https://github.com/razzul/).


tawk.to account required (free is available)





Intergration with the tawk.to customer messaging platform for your Vue Storefront, this tawk.to module is configured to update tawk.to with the customers current route, this allows you to accurately help your customer, knowing what page they are asking questions on from inside tawk.to.





![Demo](docs/demo.png)

## Installation:

### 1. Clone the repository

Clone the vsf-tawk repository into your VSF installation.

```shell

$ git clone [email protected]:razzul/vsf-tawk.git vue-storefront/src/modules/tawk

```

### 2. Add the module config to your local VSF configuration file.

Add the following JSON config snippet into your desired config, eg. `config/local.json`

```json

"tawk": {

  "site_id": "{{SITE_ID}}"

}

```

Replace the `site_id` parameter with the Site ID provided by tawk.to. You can find your tawk.to Site ID here: https://dashboard.tawk.to => `Admin` => `Site ID`.




Valid site_id example: `"site_id": "5d8dd90fdb28311764d623b7"`

### 3. Register the tawk.to module

Open up your `../vue-storefront/src/modules/index.ts` and add the following code. Adding it inside this file the registers the module so it can be used in your Vue Storefront.




```js

import { Tawk } from './tawk'

...

export const registerModules: VueStorefrontModule[] = [

...

Tawk

...

]

```

### 3. Enjoy!

Thats it! It's easy, plug and play!