Welcome to the SiteBlocks Site Builder


Facebook Pages Element

Share your Facebook page on your website by adding this element. Visitors will be able to scroll through your Facebook page timeline and Events that are made public.

Note: This Element is designed to display a Facebook page and not a Facebook profile. Attempting to link your Facebook profile will not work through this element.


Link your Facebook Page

Once you have copied the complete URL to your Facebook page and you have added this Element to your website, you are ready to connect your Facebook page. You can paste the Facebook page URL into the Facebook Page URL input field found in the "Settings" of your Element Toolbar.


Where to Find

This Element can be found in the "ELEMENTS" section of the Toolbar.


Adding to Website

After selecting this Element, you will be able to choose exactly where you want to add it! Simply drag this onto a blue, orange, or purple ribbon that will appear when dragging the Element onto the page.



For more options for your Element, you can visit the following in the Element Toolbar:

  • Facebook Page URL: Paste in a valid URL to your Facebook page. For more information please see the 'Link your Facebook Page' paragraph above
  • Tabs: Select from the checkboxes to enable or disable the following options: 'Show timeline tab' , 'Show events tab Show messages tab'
  • Display Options: Select from the checkboxes to enable or disable the following options: 'Use a smaller version of your page header', 'Hide the cover photo in your header', and 'Show profile photos when friends like this page'. The Element size Width and Height sliders will allow you to specify the size of the contents within this Element (within the boundaries of the element container).

Element Wrapper: Add some style to your element! Customize the font, background, create a border, and adjust the space around the element by changing the margin and padding values.

Animate: You can add an animation for your Element. This will appear when the visitor first loads your page and the animation will display as your Element appears on the page.

Duplicate: To quickly add another Element, select the "Duplicate" option in the Element's toolbar.

Pin: You can optionally "Pin" the element to multiple pages to add consistency to the style of your website.


Go Back