You are browsing myClubhouse Knowledge Base

CMS: Facebook Feed

Owned by Peter Hickson, created
Last updated: Sept 06, 2022
3 min read

Many clubs have a social media presence, especially on Facebook. You may want to have your Facebook feed included on your site, similar to the Twitter feed CMS widget (CMS Widgets) within a CMS page or on the Home Page. This guide will help you add a Facebook widget to your site.

Instructions

  1. Navigate to https://developers.facebook.com/docs/plugins/page-plugin/.

  2. Adjust the settings:

    1. Facebook Page URL: Enter the URL to your Facebook page. Make sure it starts with “www”, not “en-gb”.

    2. Tabs: Enter “timeline” in this box to show your page’s timeline in the widget. Alternatively, enter “events” to show your Facebook page’s events in the widget.

    3. Width: Enter a width (in pixels) for the widget. This can be adjusted later.

    4. Height: Enter a height (in pixels) for the widget. This can be adjusted later.

    5. Get Code: Once happy with the details, click the “Get Code” button.

  3. In the pop-up, click the “IFrame” tab.

  4. Copy the code.

  5. In another browser tab, go to your myClubhouse site and log in.

  6. Navigate to the home page or the CMS page you want to add the Facebook feed widget to.

  7. Scroll to the bottom of the page and click “Edit”.

  8. Add a new column, component, or block to house the widget.

  9. Select the “Markdown” content option.

  10. Click inside the editor that is then shown.

  11. Paste the code from the facebook page above into the HTML editor.

  12. Click the “Done” button.

  13. Save the page as a draft.

  14. Your feed will look something like this:

  15. If you want to adjust the dimensions of the widget, edit the page and the block that houses the widget, click “Edit Markdown” then adjust the width and height within the iFrame code (there are 2 places that both need to be changed):

  16. Once you are happy with the how the widget looks, publish the page.