Insert Code Into Page

Hello,

Thank you for opening a topic. As long as the WordPress version is active this is possible. (Altough not officially supported or recommended).

Add the following code the the head tag (</head>)

<script src='//connect.facebook.net/en_EN/all.js#xfbml=1'></script>
<script type='text/javascript' src='https://richallenrealtor.com/wordpress/wp-content/plugins/facebook-page-promoter-lightbox/includes/featherlight/featherlight.min.js'></script>
<link rel='stylesheet' id='arevico_scsfbcss-css'  href='https://richallenrealtor.com/wordpress/wp-content/plugins/facebook-page-promoter-lightbox/includes/featherlight/featherlight.min.css' type='text/css' media='all' />

<script type='text/javascript'>
/* <![CDATA[ */
var lb_l_ret = {"width":"400","height":"255","delay":"4000","coc":"1","fb_id":"RichAllenRealtor","cooc":"0","display_on_page":"1","display_on_post":"1","display_on_homepage":"1","display_on_archive":"1","show_once":"2","submenu":"1","min":"0","performance":"0"};
/* ]]> */
</script>

Add the following just before the closing body tag (</body>)

<div style="display:none">
  <div id="arvlbdata" style="overflow:visible;width:400px;height:250px;">
      <div allowtransparency="true" style="overflow:hidden;width:400px;height:250px;" class="fb-page"
      data-href="https://www.facebook.com/RichAllenRealtor"
      data-width="400"
      data-height="250" 

      data-small-header="false"
      data-adapt-container-width="false"
      data-hide-cover="true"
      data-show-facepile="true"
      data-show-posts="false">
    </div>
</div>

Best Regards,
Friso

Thanks, I was missing the code before </body>. Still isn’t working for me however, any other suggestions?

jQuery appears to be loaded in the footer also, make sure to move this line above the featherlight declaration:
<script src=”https://code.jquery.com/jquery-2.1.4.min.js”></script&gt;

delete the cookies and try it again.

That worked, you’re a genius! Thank you so much!