vfc

vue-fb-customer-chat

Facebook Customer Chat Plugin for Vue.js

Showing:

Popularity

Downloads/wk

1.1K

GitHub Stars

35

Maintenance

Last Commit

10mos ago

Contributors

4

Package

Dependencies

0

Size (min+gzip)

0.9KB

License

MIT

Type Definitions

Tree-Shakeable

Yes?

Categories

Vue Chat

Readme

Vue Fb Customer Chat

npm npm npm Average time to resolve an issue Percentage of issues still open

Facebook Customer Chat Plugin for Vue.js

Demo

https://dmnwebdesign.github.io/vue-fb-customer-chat/

Installation

Install using npm

$ npm install vue-fb-customer-chat

Install using yarn

$ yarn add vue-fb-customer-chat

Usage

Setting up the Messenger

For the messenger to work, you need to enable it on Facebook first:

  1. Go to your Page on Facebook
  2. Go to About and copy the Page ID (https://www.facebook.com/help/1503421039731588)
  3. Go to Settings > Messaging
  4. Complete the setup in the Add Messenger to your website, do not forget to add both production and local URLs

For Vue.js projects.

import Vue from 'vue'
import VueFbCustomerChat from 'vue-fb-customer-chat'

Vue.use(VueFbCustomerChat, {
  page_id: null, //  change 'null' to your Facebook Page ID,
  theme_color: '#333333', // theme color in HEX
  locale: 'en_US', // default 'en_US'
})

For Nuxt.js projects.

Create 'plugins/vue-fb-customer-chat.js'

import Vue from 'vue'
import VueFbCustomerChat from 'vue-fb-customer-chat'

Vue.use(VueFbCustomerChat, {
  page_id: null, //  change 'null' to your Facebook Page ID,
  theme_color: '#333333', // theme color in HEX
  locale: 'en_US', // default 'en_US'
})

Add plugin in nuxt.config.js file for plugins section

plugins: [
  { src: '~/plugins/vue-fb-customer-chat.js', ssr: false }
],

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100