diff --git a/src/layouts/index.js b/src/layouts/index.js
index 1570f42..22bae75 100644
--- a/src/layouts/index.js
+++ b/src/layouts/index.js
@@ -30,7 +30,7 @@ const Layout = ({ children, data }) => (
     <MessengerCustomerChat
       pageId="715686642152482"
       appId="1896398823783343"
-      htmlRef="<REF_STRING>"
+      htmlRef="layout"
     />
     <main className="side-panel panel">
       <Header />
diff --git a/src/templates/post-default.js b/src/templates/post-default.js
index 637a6a1..0a99fc4 100644
--- a/src/templates/post-default.js
+++ b/src/templates/post-default.js
@@ -5,7 +5,7 @@ import Prism from 'prismjs'
 require('prismjs/themes/prism-solarizedlight.css')
 
 import PageTransition from 'gatsby-plugin-page-transitions'
-
+import MessengerCustomerChat from 'react-messenger-customer-chat'
 import favicon32 from '../images/favicon32.png'
 
 class PostDefault extends Component {
@@ -38,6 +38,11 @@ class PostDefault extends Component {
               __html: data.wordpressPost.content,
             }}
           />
+          <MessengerCustomerChat
+            pageId="715686642152482"
+            appId="1896398823783343"
+            htmlRef="blogpost"
+          />
         </main>
       </PageTransition>
     )