Messenger plugin add and config

src/layouts/index.js

@@ -5,6 +5,8 @@ import Helmet from 'react-helmet'
 import Header from '../components/Header'
 import Footer from '../components/Footer'
 import SideMenu from '../components/SideMenu'
+import MessengerCustomerChat from 'react-messenger-customer-chat'
+
 require('typeface-maven-pro')
 require('typeface-lato')
 import '../styles/index.css'
@@ -25,6 +27,11 @@ const Layout = ({ children, data }) => (
       ]}
       link={[{ rel: 'shortcut icon', type: 'image/png', href: `${favicon32}` }]}
     />
+    <MessengerCustomerChat
+      pageId="<PAGE_ID>"
+      appId="<APP_ID>"
+      htmlRef="<REF_STRING>"
+    />
     <div className="side-panel panel">
       <Header />
       {children()}