Skip to main content
Web Central Quarterly Enhancements Webinar | Watch Now...

Search

Insert a Facebook Plugin

  • Updated:

This article will show you how to place a Facebook plugin on a page.

 

Who can use this feature?
System Administrators | Owners | Publishers | Authors

 

Instructions

 

  1. Navigate to your desired page
  2. Ensure that the Live Edit state is toggled to ON:
    Web Central, Admin User Menu Live Edit Toggled to On.
  3. Click the Widgets tab:
    Web Central, Admin User Menu, Widgets Tab.
  4. Drag and drop the Custom HTML widget onto the part of the page where you want the Facebook Plugin to display:
    Drag and drop a custom HTML widget onto a page.
  5. Open a new browser tab and navigate to the Facebook Page Plugin Generator
  6. Fill out the fields to generate the code:
    Facebook Page Plugin Generator fields.
    • Facebook Page URL: The link to the Facebook page that you want to connect
    • Tabs: Section of the Facebook page that you want to feature
    • Width: Width that the widget will display, measured in pixels
    • Height: Height that the widget will display, measured in pixels
      Note: You can adjust the height and width through the Facebook Plugin Generator or through the code directly
    • Use Small Header: Click to use a smaller-sized header
    • Hide Cover Photo: Click to prevent featuring the page's cover photo
    • Adapt to plugin container height: Click to default to your site's widget height
    • Show Friend's Faces: Click to feature friend's faces
  7. Click the Get Code button:
    Facebook Page Plugin Generator get code button.
  8. In the resulting pop-up window, select the iframe tab:
    Facebook Page Plugin Generator Iframe tab.
  9. Copy the provided code:
    Facebook Page Plugin Generator Iframe tab displaying HTML code to be copied.
  10. Return to your site tab and paste the code into the Custom HTML widget:
    Custom HTML widget displaying the copied Facebook Page Plugin code.
  11. Click the Done button:
    Custom HTML widget Done Button.
  12. The Facebook plugin will appear:
    Custom HTML widget displaying the Facebook Page Plugin.
    Note: Facebook will not allow the Facebook feed to show in an iframe unless the country and age restrictions on the Facebook page are set as "Visible to Everyone." If there are any restrictions set in these fields whatsoever, the Facebook feed will show up as blank.

    Note: If your Facebook feed still appears blank, contact Facebook support.
  13. Click the Save button:
    Web Central Live Edit Page Save Button.

Feedback About the Article

Let us know what was helpful or not helpful about the article below.

2 comments

Date Votes
  • Ken Butterworth

    Not sure why, this i not working for us at all....

    0
  • Becca Drake

    Hi Ken,

    I tested this on a test site and it seems to be working for me. Please reach out to our Support specialists for further assistance to make sure everything is working properly! You can reach them by chat on the back-end of your site, or by sending an email to civicengage@civicplus.help.

    Sorry for the inconvenience, but thank you for reaching out,
    Your Help Center Team

    0

Please sign in to leave a comment.