Farm & Zoo Map
TOP
Social Plugins
Comments
Embedded Comments
Embedded Posts
Embedded Videos
Group Plugin
Like Button
Page Plugin
Quote Plugin
Save Button
Share Button
oEmbed Endpoints
Child-Directed Sites
FAQs
Deprecated
Page Plugin
The Page plugin lets you easily embed and promote any public Facebook Page on your website. Just like on Facebook, your visitors can like and share the Page without leaving your site.
Related Topics: Social Plugins FAQs | Other Social Plugins
Facebook Page URL
https://www.facebook.com/jongscrocodile/
Tabs
timeline
Width
The pixel width of the embed (Min. 180 to Max. 500)
Height
The pixel height of the embed (Min. 70)
Use Small Header [?] Adapt to plugin container width [?] Hide Cover Photo [?] Show Friend's Faces [?]
Get Code
Settings
In addition to the settings above, you can also change the following:
Setting HTML5 Attribute Description Default
href
data-href
The URL of the Facebook Page
None
width
data-width
The pixel width of the plugin. Min. is 180 & Max. is 500
340
height
data-height
The pixel height of the plugin. Min. is 70
500
tabs
data-tabs
Tabs to render i.e. timeline, events, messages. Use a comma-separated list to add multiple tabs, i.e. timeline, events.
timeline
hide_cover
data-hide-cover
Hide cover photo in the header
false
show_facepile
data-show-facepile
Show profile photos when friends like this
true
hide_cta
data-hide-cta
Hide the custom call to action button (if available)
false
small_header
data-small-header
Use the small header instead
false
adapt_container_width
data-adapt-container-width
Try to fit inside the container width
true
Deprecated Attributes
The attribute data-show-posts is deprecated. Please use the attribute tabs/data-tabs and use the value timeline to show posts from the Page's timeline.
Adding the Page Plugin to a Website
The standard configuration of the Page plugin includes only the header and a cover photo. This size is ideal for promoting your Page in a small space, such as the top of a sidebar.
Call to Action
If your page has a custom call to action button, it will be shown instead of the default call to action which is a Share button.
If the width of the plugin is less than 280px, the default Share button will be shown to prevent design misalignment in different translations.
Page Tabs: Timeline, Events & Messages
You can now have timeline, events and messages tabs on the plugin:
Timeline Tab: Will show the most recent posts of your Facebook Page timeline.
Events Tab: People can follow your page events and subscribe to events from the plugin.
Messages Tab: People can message your page directly from your website. People need to be logged in to use this feature.
Enabling Messaging on your Page
To enable messaging on your Facebook page go to your Page Settings. In the row Messages check Allow people to contact my Page privately by showing the Message button (Direct Link: https://www.facebook.com/{your-page-name}/settings/?tab=settings§ion=messages&view).
Adding Multiple Tabs
Use a comma-separated list within the data-tabs attribute to add multiple tabs:
Single Tab
You can also just add a single tab showing either the timeline, events or messages:
Adaptive Width
The plugin will by default adapt to the width of its parent container on page load (min. 180px / max. 500px), useful for changing layout:
If the width of the parent element is bigger than the Page plugin's width it will maintain the value defined in data-width:
The plugin will never be smaller than 180px:
Adaptive width can be switched off by unchecking Adapt to plugin container width and the plugin will rendered at the specified width irrespective of the parent container.
No Dynamic Resizing
The Page plugin works with responsive, fluid and static layouts. You can use media queries or other methods to set the width of the parent element, yet:
The plugin will determine its width on page load
It will not react changes to the box model after page load.
If you want to adjust the plugin's width on window resize, you manually need to rerender the plugin.
Show Friend's Faces
Show who likes your Page with real people's profile images rather than just a number. People visting your Page will see a count of friends that like the Page as well as their profile photos.
This option can be activated by checking Show Friend's Faces in the configurator.
Privacy Restricted Pages
Facebook Pages with privacy restrictions cannot be embedded.
Changing the Language
You can change the language of the Page plugin plugin by loading a localized version of the Facebook JavaScript SDK. When you load the SDK, change the value of js.src to use your locale. Replace en_US with your locale, e.g., ru_RU for Russian (Russia):
Example
js.src = "https://connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.5";
Supported locales are referenced in the Facebook Locales XML file. You may need to adjust the width of a Social Plugin to accommodate different languages. You may find more information on our Localization & Translation page.
On This Page
Settings
Adding the Page Plugin to a Website
Call to Action
Page Tabs: Timeline, Events & Messages
Adaptive Width
Show Friend's Faces
Privacy Restricted Pages
Changing the Language
LANGUAGES
English (US)中文(简体)Bahasa IndonesiaTiếng ViệtภาษาไทยالعربيةEspañolPortuguês (Brasil)Français (France)Deutsch
Products
Artificial Intelligence
Augmented Reality
Business Tools
Gaming
Open Source
Publishing
Social Integrations
Virtual Reality
Programs
Developer Circles
F8
FbStart
ThreatExchange
Support
Developer Support
Bugs
Platform Status
Facebook Developers Community Group
News
Blog
Success Stories
Videos
Facebook for Developers Page
Follow us
Follow us on FacebookFollow us on InstagramFollow us on TwitterFollow us on LinkedIn
About
Create Ad
Careers
Platform Policy
Privacy Policy
Cookies
Terms
Facebook © 2018
Was this document helpful?
YesYes, but...No
Remove
JavaScript SDK
IFrame
Close
Step 1: Choose your App ID and Language
gritevent
English (UK)
Collect Analytics
Step 2: Include the JavaScript SDK on your page once, ideally right after the opening body tag.
Step 3: Place this code wherever you want the plugin to appear on your page.