Introduction


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


You can find it by either clicking the Social tab at the top or by typing "facebook" in the search bar:


Clicking on the Facebook element will open its Settings tab allowing to customize various options.


Demo


Take a look at the demo page we have set up for this design element and see it in action by following this link.


Customization options


  • The Facebook page URL option allows you to link your element with a Facebook feed of your choice. Copy and paste the URL of the page you want to embed from your browser's address bar. In the case of our company, that URL would be https://www.facebook.com/shortpoint.

  • The Tabs option allows you to customize what tabs should the embed element show. By default, timeline is selected, but you can also add events to display for upcoming Facebook events and/or messages in order for your viewers to be able to contact you directly from the embedded element.

    The following options may help you reduce the size of the element in order to save space:

  • The Hide cover option will hide the cover photo of the page if enabled, for faster page load time and .

  • The Hide facepile option will hide the list of profile photos of your Facebook friends who have liked the embedded page.

  • The Hide call to action button will hide the custom call to action button, if such a button was previously configured by the Facebook page admin. Instead, the default call to action button will be displayed, which is a Share button.

  • The Small header option will reduce the size of the header in order to reduce the vertical size of the element even more.

Size


The following set of options controls the size and responsiveness of this Social Media element.



  • The Adapt to container width is selected by default, and it will resize the Facebook ShortPoint Element to fit inside its parent container if it is smaller than the embedded element. If the parent container is larger than the element, it will not be resized if a specific Width has been selected.


  • The Width and Height determine the width and height of the element in pixels respectively. The embedded element has some limitations imposed by Facebook: the Width is supposed to have a value between 180 and 500 pixels, and the Height is supposed to be between 70 pixels with the Small header option enabled, or 130 pixels otherwise, and a maximum value of 1600 pixels. The default values for both Width and Height are set to 400 pixels the first time the Settings are opened.

We hope this article has been helpful for introducing you to the new Facebook Social Media element and showing you how easy it is to use. Happy embedding!