How can we help you today?

Introducing ShortPoint Facebook Design Element

Facebook ShortPoint Design Element is here as part of the new Social Media Intranet Kit Category in the ShortPoint Page Builder. Using this Design Element, you can embed a Facebook page feed into your SharePoint pages.


Here is a sample of how the Facebook Design Element may look like on your page: 


Facebook example


Note: Take a look at the demo page we have set up for Facebook Design Element and see it in action by following our demo page.


You can find it by either clicking the Social category at the top:


Facebook from Page Builder grid


or by typing "facebook" in the search bar:

Facebook search


Selecting the Facebook Design Element will open its Settings tab allowing to customize various options.  


Customization options


In the Settings tab of the Facebook Design Element, you can see options that would let you customize how you want the Facebook page feed look like on your page.

Facebook page URL


To add Facebook page feed to your SharePoint page, you need to get its URL first:


Facebook page URL

Copy and paste the URL of the page you want to embed from the address bar of your browser.:


Facebook page URL


Tabs


Use this option to select what tabs should your embedded Facebook show. By default, the timeline is selected, but you can also add events to display upcoming Facebook events and/or messages in order for your viewers to be able to contact you directly from the embedded element. Make sure to separate the tabs with a comma.


Tabs


Here is how it may look like on your page:


Default - timeline - tab only
Multiple tabs selected
Timeline tabMultiple tabs selected



The following four customization options will help you to reduce the size of the Facebook Design Element as well as improve the page loading time:


Hide options


To enable any option mentioned, use the toggle switcher.


Hide cover


Use this option to hide the cover photo of the page. You can check the difference in the table below:


Cover is Displayed (Default)
Cover is Hidden
Cover is displayed (default)Cover is hidden

Hide facepile


This option will hide the list of profile photos of your Facebook friends who liked the embedded page.


Hide call to action


This option will hide the custom call-to-action button if this button was previously configured by the Facebook page admin. Instead, the default call-to-action button will be displayed - Share button.


Call to action is Displayed (Default)
Custom call to action is Hidden - 
Share button is displayed
Call to actionShare button

Small header


Having this option enabled, you will reduce the size of the header.


Default Header
Small Header
Default HeaderSmall Header

Size


The following set of options allows you to control the size and responsiveness of the Facebook Design Element:


  • Adapt to container width. This option is enabled by default. It will resize the Facebook ShortPoint Design Element to fit inside its parent container, in case it's smaller than the embedded element. If the parent container is larger than the element, it will not be resized provided that a specific Width has been selected.

Adapt to container width


  • The Width and Height determine the width and height of the Facebook Design Element in pixels respectively. Simply use the slider to set the value or type it in the input field on the right. The embedded element has some limitations imposed by Facebook: 
    • the Width is supposed to have a value between 180 and 500 pixels
    • the Height is supposed to be between 70 pixels with the Small header option enabled, or 130 pixelotherwise, and a maximum value of 1600 pixels.

Width and Height


Note: The default values for both Width and Height are set to 400 pixels the first time the Settings tab is opened.

Example


A quick preview on how ShortPoint Facebook Design Element could look like on your SharePoint page:

Facebook example


We hope this article has been helpful for you, and now you know how to use the Facebook Design Element easily. Happy embedding!


Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 6 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more