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='http://richallenrealtor.com/wordpress/wp-content/plugins/facebook-page-promoter-lightbox/includes/featherlight/featherlight.min.js'></script>
<link rel='stylesheet' id='arevico_scsfbcss-css' href='http://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>
delete the cookies and try it again.
That worked, you’re a genius! Thank you so much!