React-messenger-message-us NPM

React Messenger Message Us

React component for messenger message us lugin

Screenshot

npm.io

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-message-us

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import MessengerMessageUs from 'react-messenger-message-us';

ReactDOM.render(
  <MessengerMessageUs pageId="<PAGE_ID>" appId="<APP_ID>" />,
  document.getElementById('demo')
);

Note: It will handle sdk initialize automatically for you. See more details in fbsdk official docs.

Props

static propTypes = {
  pageId: PropTypes.string.isRequired,
  appId: PropTypes.string.isRequired,

  color: PropTypes.string,
  size: PropTypes.string,
  autoLogAppEvents: PropTypes.bool,
  xfbml: PropTypes.bool,
  version: PropTypes.string,
  language: PropTypes.string,
  debug: PropTypes.bool,
};

static defaultProps = {
  color: 'blue',
  size: 'large',
  autoLogAppEvents: true,
  xfbml: true,
  version: '2.11',
  language: 'en_US',
  debug: false,
};

react-messenger-customer-chat - React component for messenger customer chat plugin.
react-messenger-checkbox - React component for messenger checkbox plugin.
messaging-api-messenger - Messaging APIs for Messenger.
bottender - Make Bots in Your Way, Fast and Flexibly.