Start a conversation

How Do I Add a Facebook Page Plugin?

Facebook offers a Page Plugin feature that allows you to add a Facebook feed to any webpage. This is a good way to keep page visitors and Club members informed of group developments and social media interactions while allowing them to remain on your organization's webpage.

Note: The Facebook Page Plugin requires you to have a Facebook Page. This is not the same as a personal Facebook Profile. Refer to the Facebook Help Center for more information on the creation of a Facebook Page. The link will open in a new window. Note also that ClubRunner is not responsible for any problems you may experience when linking to a third party service. Additionally, we cannot provide technical support for Facebook issues. 

 

1. To place the Facebook Page Plugin on your club site, you must first use the Facebook Page plugin tool available through Facebook's website here: https://developers.facebook.com/docs/plugins/page-plugin

Note: The Facebook Page Plugin cannot be displayed in fields narrower than 280 pixels. This means it may not display correctly in narrow sidebar columns in our web design templates. Be sure to Preview any changes you make to your homepage before Publishing. 


2. On the Facebook website, use their tool to configure the page plugin to your requirements. 

3. Once you are happy with the way the plugin looks, click on the Get Code button.

4. Copy the code provided from Step 2 in the Get Code popup , and navigate back to ClubRunner.

Note: ClubRunner already includes the Facebook SDK code for other sharing functionality, and is not required.


5. In order to make use of the code and display your Facebook Page within your ClubRunner site you will need to create a custom page widget. First, log in to your club site and access the member area. Once you are on the member page click on the Website tab. 


6. Next, click on the Website Content link. 

 

7. You are now on the Website Libraries page. At the left side of the screen, under the Home Page Content heading, click on Home Page Custom Widgets

 

8. You are brought to a list of your previously created custom widgets, if any. You will now create a new custom widget on which to place your Facebook Page Plugin code. Click on the orange Add button to the top right of the list of widgets.

 

9. This brings you to the Add New Custom Widget page. Enter a name for the widget in the Title field.

 

10. Now, click on the Source Code button in the tool bars above the content editing field. This allows you to paste HTML directly into the field and have it display correctly. 

 

11. Paste the embed code from Facebook into the editing field.

  

12. When you're done, click on Save and Publish.

 

13. Your Facebook Page Plugin widget is now available for placement on the Homepage and any Custom Page. For more information on the use of widgets in building homepage content refer to our Website Widgets support articles.

Choose files or drag and drop files
  1. Shawn P.

  2. Posted
  3. Updated