I was using the Popup plugin for a Facebook Like box.

I was using the Popup plugin for a Facebook Like box. However, the code no longer displays with the new update. What can be done?

Thanks,
Chris

  • Chris
    • The Bug Hunter

    Here is the code I was using:

    <table >
    <tr>
    <td width="10px"> </td>
    <td>
    <div class="facebookOuter">
     <div class="facebookInner">
      <div class="fb-like-box"
          data-width="247" data-height="305"
          data-href="https://www.facebook.com/PageNameHere"
          data-border-color="#F4F4F4" data-show-faces="true"
          data-stream="false" data-header="false">
      </div>
     </div>
    </div>
    
    <div id="fb-root"></div>
    </td>
    <td width="10px"> </td>
    </tr>
    </table>
  • Michelle Shull
    • DEV MAN’s Apprentice

    Howdy, Chris! Happy Sunday!

    Were you using a plugin, like this one: https://wordpress.org/plugins/cardoza-facebook-like-box/, to show your Like Box?

    If so, it could be a new conflict that didn't show up until PopUp updated. For now, the fastest workaround would be to find an alternative plugin that will display the Like box (maybe with a shortcode, which will make your life easier.)

    Here are some alternatives:
    https://wordpress.org/plugins/facebook-like-box-responsive/

    https://wordpress.org/plugins/advanced-facebook-likebox-shortcode/

    https://wordpress.org/plugins/simple-facebook-plugin/

    Hope this helps!

  • Chris
    • The Bug Hunter

    Hi Michelle,

    I wasn't using a plugin to display the Like Box. I had added script to the site's header (below), and then pasted in the code (below) into PopUp box (editor in text mode)

    Please note that this like box (using the code below) is displayed elsewhere on my site. The only place it is not working is in the Popup.

    Header Script

    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
    </script>

    Popup Text Editor

    <table >
    <tr>
    <td width="10px"> </td>
    <td>
    <div class="facebookOuter">
     <div class="facebookInner">
      <div class="fb-like-box"
          data-width="247" data-height="305"
          data-href="https://www.facebook.com/XXXXXXXXXX" <-- I've added the page name here
          data-border-color="#F4F4F4" data-show-faces="true"
          data-stream="false" data-header="false">
      </div>
     </div>
    </div>
    
    <div id="fb-root"></div>
    </td>
    <td width="10px"> </td>
    </tr>
    </table>

    The text editor in the Popup no longer accepts this code. I had attempted to feed this code into the Popup text editor using both a shortcode and the raw code. It didn't work using either method.

    Any thoughts on why the text editor isn't accepting this code? I would prefer to stay away from using a plugin for the Like Box.

    Thanks,
    Chris

  • Chris
    • The Bug Hunter

    I'm back for more :slight_smile: I've just realized that I need the shortcode to work for a multisite in which I've given users a Facebook shortcode. I made the changes that got it to work on the single WP install. However, it's not working on the multisite.

    Is there a filter that I need to add for the shortcode to get it to work in the popup?

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.