Support » Plugin: FB Page Promoter Lightbox » Insert Code Into Page

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Arevico

    (@arevico)

    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?

    Plugin Author Arevico

    (@arevico)

    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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Insert Code Into Page’ is closed to new replies.