Package Exports
- @tawk.to/tawk-messenger-vue-2
- @tawk.to/tawk-messenger-vue-2/dist/tawk-messenger-vue.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@tawk.to/tawk-messenger-vue-2) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Features
- Compatible on Vue 2 and Nuxt
- Documented and self-explaining methods
- Small size without any external libraries
- All Javascript API methods are avaiable
- Maintained by the tawk.to team
Installation
The plugins are available from the node and yarn package managers.
# Node
npm install @tawk.to/tawk-messenger-vue-2
# Yarn
yarn add @tawk.to/tawk-messenger-vue-2Quickstart
Import the tawk-messenger-vue-2 in your main JavaScript file in src/ folder. The propertyId and widgetId will be found on your tawk Dashboard.
Log in to your account and go to Administration > Channels > Chat Widget.
import TawkMessengerVue from '@tawk.to/tawk-messenger-vue-2';
Vue.use(TawkMessengerVue, {
propertyId : 'property_id',
widgetId : 'widget_id'
});Server Side Rendering
If you will use the plugin with Nuxt JS follow this guide for setup.
Documentation
This project includes a docs folder with more details on the following:
Other JS frameworks we support
Frequently Asked Questions
Do you have a knowledge base or article to support implementation?
Here is our guide for the Vue.js integration
Where can I find more information and support?
Visit our help center or reach out in the chat on our website. Our agents are available to assist you 24/7.
Where can I submit a suggestion or report a bug?
Check to see if the issue already exists. If not, open a new issue in the Issues tab