Yoctol / React Messenger Customer Chat
Licence: mit
React component for messenger customer chat plugin
Stars: ✭ 221
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Messenger Customer Chat
Chatblocks
Declarative Messenger chatbot framework
Stars: ✭ 48 (-78.28%)
Mutual labels: messenger-bot, messenger, messenger-platform, facebook
Swiftybot
How to create a Telegram, Facebook Messenger, and Google Assistant bot with Swift using Vapor on Ubuntu / macOS.
Stars: ✭ 247 (+11.76%)
Mutual labels: messenger-bot, messenger, facebook
Messenger4j
A Java library for building Chatbots on the Facebook Messenger Platform - easy and fast.
Stars: ✭ 199 (-9.95%)
Mutual labels: messenger, messenger-platform, facebook
Messengerbot
Python client for Facebook Messenger Platform Bot
Stars: ✭ 140 (-36.65%)
Mutual labels: messenger-bot, messenger, facebook
How-To-Build-A-Chatbot
Learn to build a facebook chatbot using Python and Flask
Stars: ✭ 15 (-93.21%)
Mutual labels: facebook, messenger, messenger-bot
facebook-send-api-emulator
Facebook Messenger Emulator & Facebook Send API Emulator functionality allowing you to test web hooks on developer's machine.
Stars: ✭ 24 (-89.14%)
Mutual labels: facebook, messenger, messenger-platform
Rubotnik
"Bot-end" Ruby framework to quickly build and launch a Facebook Messenger chatbot
Stars: ✭ 191 (-13.57%)
Mutual labels: messenger, messenger-platform, facebook
messenger
💬 A PHP library for Facebook Messenger
Stars: ✭ 53 (-76.02%)
Mutual labels: facebook, messenger, messenger-bot
Messenger Platform Postman Collection
A delicious Postman collection for all your Messenger Platform needs.
Stars: ✭ 150 (-32.13%)
Mutual labels: messenger-bot, messenger-platform, facebook
Jbot
Make Slack and Facebook Bots in Java.
Stars: ✭ 1,148 (+419.46%)
Mutual labels: messenger-bot, facebook
Laravel Fb Messenger
Laravel Facebook Messenger Provider
Stars: ✭ 85 (-61.54%)
Mutual labels: messenger-bot, messenger-platform
Messenger Platform Go Sdk
✉️ A GO SDK for Facebook's messenger-platform: https://developers.facebook.com/docs/messenger-platform
Stars: ✭ 105 (-52.49%)
Mutual labels: messenger, messenger-platform
Messenger Bot Rails
Ruby on Rails Gem for the Facebook Messenger Bot Platform
Stars: ✭ 64 (-71.04%)
Mutual labels: messenger-bot, facebook
Chaskiq
A full featured Live Chat, Support & Marketing platform, alternative to Intercom, Drift, Crisp, etc ...
Stars: ✭ 1,263 (+471.49%)
Mutual labels: messenger, messenger-platform
Jquery.fbmessenger
Fake Facebook Messenger interactions on an iPhone with a simple jQuery plugin!
Stars: ✭ 130 (-41.18%)
Mutual labels: messenger, messenger-platform
Fbbot
Minimal framework/SDK for facebook messenger bots. BYOS (Bring Your Own Server)
Stars: ✭ 46 (-79.19%)
Mutual labels: messenger-platform, facebook
Tkkeyboardcontrol
TKKeyboardControl adds keyboard awareness and scrolling dismissal (like iMessages app) to any view with only 1 line of code for Swift.
Stars: ✭ 110 (-50.23%)
Mutual labels: messenger, facebook
Magento Chatbot
Magento Chatbot Integration with Telegram, Messenger, Whatsapp, WeChat, Skype and wit.ai.
Stars: ✭ 149 (-32.58%)
Mutual labels: messenger, facebook
Vue Facebook Login
💅 A renderless Vue.js component for composing Facebook Login
Stars: ✭ 158 (-28.51%)
Mutual labels: facebook, component
React Messenger Customer Chat
React component for Messenger customer chat plugin
Screenshot
Prerequisite
Whitelist your domain to connect your Facebook Page to your website via the Facebook tool.
- From UI: Facebook Page Settings > Messenger Platform > Whitelisted Domains
- From API: Use HTTP API or API client likes messaging-api-messenger
Installation
npm install react-messenger-customer-chat
Usage
import React from 'react';
import ReactDOM from 'react-dom';
import MessengerCustomerChat from 'react-messenger-customer-chat';
ReactDOM.render(
<MessengerCustomerChat
pageId="<PAGE_ID>"
appId="<APP_ID>"
htmlRef="<REF_STRING>"
/>,
document.getElementById('demo')
);
Note: It will handle sdk initialize automatically for you. See more details in Customer Chat Plugin official docs and Customer Chat SDK official docs.
Props
static propTypes = {
pageId: PropTypes.string.isRequired,
appId: PropTypes.string.isRequired,
shouldShowDialog: PropTypes.bool,
htmlRef: PropTypes.string,
minimized: PropTypes.bool,
themeColor: PropTypes.string,
loggedInGreeting: PropTypes.string,
loggedOutGreeting: PropTypes.string,
greetingDialogDisplay: PropTypes.oneOf(['show', 'hide', 'fade']),
greetingDialogDelay: PropTypes.number,
autoLogAppEvents: PropTypes.bool,
xfbml: PropTypes.bool,
version: PropTypes.string,
language: PropTypes.string,
debug: PropTypes.bool,
onCustomerChatDialogShow: PropTypes.func,
onCustomerChatDialogHide: PropTypes.func,
};
static defaultProps = {
shouldShowDialog: false,
htmlRef: undefined,
minimized: undefined,
themeColor: undefined,
loggedInGreeting: undefined,
loggedOutGreeting: undefined,
greetingDialogDisplay: undefined,
greetingDialogDelay: undefined,
autoLogAppEvents: true,
xfbml: true,
version: '2.11',
language: 'en_US',
debug: false,
onCustomerChatDialogShow: undefined,
onCustomerChatDialogHide: undefined,
};
Related
- react-messenger-checkbox - React component for messenger checkbox plugin.
- react-messenger-message-us - React component for messenger message us plugin.
- react-messenger-send-to-messenger - React component for messenger send to messenger plugin.
- messaging-api-messenger - Messaging APIs for Messenger.
- bottender - Make Bots in Your Way, Fast and Flexibly.
License
MIT © Yoctol
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].