Yoctol/react-messenger-send-to-messenger

Name: react-messenger-send-to-messenger

Owner: YOCTOL INFO INC.

Description: React component for messenger send to messenger plugin

Created: 2018-03-20 05:05:12.0

Updated: 2018-03-21 15:10:24.0

Pushed: 2018-03-21 09:10:35.0

Homepage: null

Size: 172

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

React Messenger Send To Messenger

React component for Messenger send to Messenger 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

install react-messenger-send-to-messenger

Usage

rt React from 'react';
rt ReactDOM from 'react-dom';
rt MessengerSendToMessenger from 'react-messenger-send-to-messenger';

tDOM.render(
essengerSendToMessenger pageId="<PAGE_ID>" appId="<APP_ID>" />,
cument.getElementById('demo')

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

Props

ic propTypes = {
geId: PropTypes.string.isRequired,
pId: PropTypes.string.isRequired,

taRef: PropTypes.string,
lor: PropTypes.string,
ze: PropTypes.string,
forceLogin: PropTypes.bool,
aText: PropTypes.oneOf([
'GET_THIS_IN_MESSENGER',
'RECEIVE_THIS_IN_MESSENGER',
'SEND_THIS_TO_ME',
'GET_CUSTOMER_ASSISTANCE',
'GET_CUSTOMER_SERVICE',
'GET_SUPPORT',
'LET_US_CHAT',
'SEND_ME_MESSAGES',
'ALERT_ME_IN_MESSENGER',
'SEND_ME_UPDATES',
'MESSAGE_ME',
'LET_ME_KNOW',
'KEEP_ME_UPDATED',
'TELL_ME_MORE',
'SUBSCRIBE_IN_MESSENGER',
'SUBSCRIBE_TO_UPDATES',
'GET_MESSAGES',
'SUBSCRIBE',
'GET_STARTED_IN_MESSENGER',
'LEARN_MORE_IN_MESSENGER',
'GET_STARTED',
'SEND_TO_MESSENGER',
,
toLogAppEvents: PropTypes.bool,
bml: PropTypes.bool,
rsion: PropTypes.string,
nguage: PropTypes.string,
bug: PropTypes.bool,


ic defaultProps = {
taRef: undefined,
lor: 'blue',
ze: 'large',
forceLogin: false,
aText: undefined,
toLogAppEvents: true,
bml: true,
rsion: '2.11',
nguage: 'en_US',
bug: false,

Related

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

License

MIT © Yoctol