Introducing ShortPoint Facebook Design Element : ShortPoint Support

The Facebook ShortPoint Design Element allows you to 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

NOTEYou can browse our demo page to see the different ways you can customize the Facebook Design Element.

You can find the Facebook Design Element by either scrolling down to the Social category:

Social category Facebook

or by typing "Facebook" in the search bar:

Search bar Facebook

TABLE OF CONTENTS

Customization options
- A. Content tab
  - Facebook page URL
  - Tabs
- B. Design tab
  - Settings
  - Size

Customization options

A. Content tab

The Content tab of the Facebook Design Element allows you to add the URL of the Facebook page you want to feature. It has the following options:

content tab

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:

address bar

Tabs

Use this option to select what tabs you want to show. By default, the timeline is selected, but you can also add events to display upcoming Facebook events and/or messages so your viewers can 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

B. Design tab

The Design tab allows you to customize the look of your Facebook page feed. It has the following options:

Design tab

Settings

The customizations under this will help hide certain elements on the Facebook page feed. It has the following options:

Hide cover: Use this option to hide the cover photo of the page.

Hide cover

Here is how it will look:

Cover is Displayed (Default)	Cover is Hidden

Hide facepile: This option will hide the profile photos of Facebook friends who liked the embedded page.

Hide facepile

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

Hide call to action

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

Small header: Having this option enabled will reduce the size of the header.

Small header

Default Header	Small 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 pixels otherwise, and a maximum value of 1600 pixels.

width and height

NoteThe default values for both Width and Height are set to 400 pixels the first time the Design tab is opened.

That’s it! Enjoy embedding your Facebook feed into your SharePoint pages.

Introducing ShortPoint Facebook Design Element