Embedding a Facebook page plugin

Golly-gee. I think you are going to love adding the Facebook Page Plugin on to your Public Site!

Note: You can add anyone's Facebook Page timeline to your site, but I think adding your own might be the best marketing choice ;)

Setting up the plugin

  1. In one tab (of your web browser) open your group's Facebook page.
  2. Select the URL in the address bar and copy it
  3. In a second tab, go to https://developers.facebook.com/docs/plugins/page-plugin
  4. Paste your Facebook Page URL into the "Facebook Page URL" field
  5. Select "Use Small Header" < my preference
  6. De-select "Show Friend's Faces" < my preference
  7. You should see a preview of your page timeline in the preview

For reference, see image 1 below

Adding the plugin to your site

If you do indeed see a preview of your timeline, then you are good to continue.

  1. Under the preview, you will see a small blue button "Get Code" - Click that button
  2. You will see a pop-up overlay that includes 2 portions of code.
  3. In a new tab (of your browser) open your group's site
  4. Log in
  5. Go to Settings and admin > site settings > blocks. Then click the "add block" link
  6. You do not need a block title unless you really want one. Write <none> in this field if you don't want a title.
  7. Give the block a description such as "Facebook Plugin - sidebar"
  8. In the body editor, click the "source" button
  9. Go to your facebook plugin set up page and copy the code in part 1
  10. Go back to your block body and paste that code in the source - hit return to go to a new line
  11. Go back to the plugin set up page and copy the second portion of code
  12. Go back to your block body and paste that code in the source following the first code

    For reference, see image 3 below
     

  13. Scroll down to the region settings and select "sidebar second" < my preference
  14. In the visibility settings choose the pages on which to show the block such as
    • choose "only the listed pages"
    • enter about in the box (remember, this works because there is a page with the alias of "about". If you have not created page aliases, you will need to add the pages by theur node name)
  15. Save

For reference, see image 4 below

While this block can be added to the footer, it looks best in a space where it can appear a bit longer. Play around and see what you like. 

Note: The Sensation, Centum, InspiroB, and Haiku themes are not designed to have sidebar content showing on the front page. 

 


Facebook Page Plugin

 

Facebook Page Plugin


Facebook Page Plugin Code

 

Facebook Page Plugin Code popup


Pasting Code in Block

 

Facebook Page plugin- Block Source Code


Block Visibility Settings

Facebook Page Plugin Block visibility settings