The Page plugin lets you easily embed and promote any Facebook Page on your website. Just like on Facebook, your visitors can like and share the Page without leaving your site.
18 Examples
Examples are ordered from the most complex view to the most simple, this page will take some time to render please be patient.
Full Page with tabs
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" height="600" width="500" tabs="timeline,events,messages" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="500" data-height="600" data-tabs="timeline,events,messages" data-hide-cover="false" data-show-facepile="false" data-hide-cta="false" data-small-header="false" data-adapt-container-width="true"></div>
More information:Demo Info
Default size no faces
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" show-facepile="false" tabs="timeline,events,messages" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="340" data-height="500" data-tabs="timeline,events,messages" data-hide-cover="false" data-show-facepile="false" data-hide-cta="false" data-small-header="false" data-adapt-container-width="true"></div>
More information:Demo Info
Default size single tab
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" tabs="timeline" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="340" data-height="500" data-tabs="timeline" data-hide-cover="false" data-show-facepile="false" data-hide-cta="false" data-small-header="false" data-adapt-container-width="true"></div>
More information:Demo Info
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" tabs="events" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="340" data-height="500" data-tabs="events" data-hide-cover="false" data-show-facepile="false" data-hide-cta="false" data-small-header="false" data-adapt-container-width="true"></div>
More information:Demo Info
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" tabs="messages" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="340" data-height="500" data-tabs="messages" data-hide-cover="false" data-show-facepile="false" data-hide-cta="false" data-small-header="false" data-adapt-container-width="true"></div>
More information:Demo Info
Message alternatives
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" small-header="true" height="350" tabs="messages" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="340" data-height="350" data-tabs="messages" data-hide-cover="false" data-show-facepile="false" data-hide-cta="false" data-small-header="true" data-adapt-container-width="true"></div>
More information:Demo Info
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" show-facepile="false" small-header="true" hide-cover="true" height="350" tabs="messages" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="340" data-height="350" data-tabs="messages" data-hide-cover="true" data-show-facepile="false" data-hide-cta="false" data-small-header="true" data-adapt-container-width="true"></div>
More information:Demo Info
No tabs
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="340" data-height="500" data-tabs="" data-hide-cover="false" data-show-facepile="false" data-hide-cta="false" data-small-header="false" data-adapt-container-width="true"></div>
More information:Demo Info
No faces
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" show-facepile="false" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="340" data-height="500" data-tabs="" data-hide-cover="false" data-show-facepile="false" data-hide-cta="false" data-small-header="false" data-adapt-container-width="true"></div>
More information:Demo Info
No action
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" show-facepile="false" hide-cta="true" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="340" data-height="500" data-tabs="" data-hide-cover="false" data-show-facepile="false" data-hide-cta="true" data-small-header="false" data-adapt-container-width="true"></div>
More information:Demo Info
Small header
Note: Small header will hide the action button
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" small-header="true" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="340" data-height="500" data-tabs="" data-hide-cover="false" data-show-facepile="false" data-hide-cta="false" data-small-header="true" data-adapt-container-width="true"></div>
More information:Demo Info
Small header and remove faces
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" small-header="true" show-facepile="false" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="340" data-height="500" data-tabs="" data-hide-cover="false" data-show-facepile="false" data-hide-cta="false" data-small-header="true" data-adapt-container-width="true"></div>
More information:Demo Info
Hide cover
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" hide-cover="true" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="340" data-height="500" data-tabs="" data-hide-cover="true" data-show-facepile="false" data-hide-cta="false" data-small-header="false" data-adapt-container-width="true"></div>
More information:Demo Info
Hide cover and faces
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" hide-cover="true" show-facepile="false" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="340" data-height="500" data-tabs="" data-hide-cover="true" data-show-facepile="false" data-hide-cta="false" data-small-header="false" data-adapt-container-width="true"></div>
More information:Demo Info
Hide cover, faces and action
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" hide-cover="true" show-facepile="false" hide-cta="true" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="340" data-height="500" data-tabs="" data-hide-cover="true" data-show-facepile="false" data-hide-cta="true" data-small-header="false" data-adapt-container-width="true"></div>
More information:Demo Info
Hide cover and faces with small header
Note: Small header will hide the action button
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" hide-cover="true" small-header="true" show-facepile="false" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="340" data-height="500" data-tabs="" data-hide-cover="true" data-show-facepile="false" data-hide-cta="false" data-small-header="true" data-adapt-container-width="true"></div>
More information:Demo Info
Minimum width
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" hide-cover="true" small-header="true" show-facepile="false" width="180" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="180" data-height="500" data-tabs="" data-hide-cover="true" data-show-facepile="false" data-hide-cta="false" data-small-header="true" data-adapt-container-width="true"></div>
More information:Demo Info
Shortcode used:
[fb_plugin page href="https://www.facebook.com/BBCCulture/" small-header="true" show-facepile="false" width="180" ]
Final code:
<div class="fb-page" data-href="https://www.facebook.com/BBCCulture/" data-width="180" data-height="500" data-tabs="" data-hide-cover="false" data-show-facepile="false" data-hide-cta="false" data-small-header="true" data-adapt-container-width="true"></div>
More information:Demo Info