Tweak Library
Note: We have updated our folder structure in Neto 6 and this has not been updated on all tweaks yet. More info.

Facebook Feed

A Facebook feed showing the latest posts from your page, to advertise your social media presence.

For our instructions, our sample is "best practice" straight from Facebook's own Page Plugin.

Note: The latest Facebook plugin has a max-width of 500px - there is an option to enabled "Adapt to plugin container width" but this means that if your viewport shrinks below 500px, it will be flexible and become smaller. Keep this in mind when placing your plugin, and perhaps considering placing it into a two-column layout. You will also need to replace the URL in the sample with your Facebook page URL.

Industries

  • Fashion
  • Fitness & Supplements
  • Music & Instruments
  • Gifts

Wireframe

Facebook Feed

Coding Instructions

[%site_value id:'footer_javascript'%]
<div id="fb-root"></div>
<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/sdk.js#xfbml=1&version=v2.5&appId=244280495618078";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
[%/site_value%]

<div  class="row">
    <div class="col-xs-12">
        <div class="fb-page" data-href="https://www.facebook.com/NetoEcommerce/" data-tabs="timeline" data-width="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/NetoEcommerce/"><a href="https://www.facebook.com/NetoEcommerce/">Neto</a></blockquote></div></div>
    </div>
</div>