Skip to main content

Search

Insert a Facebook Plugin

  • Updated:

This article will show you how to insert a Facebook plugin into your page. 

 

Who can use this feature?

system admin Slash Owner Slash Publisher Slash Author

 

 

Instructions

  1. Navigate to your desired page
  2. Ensure your Live Edit Is On
    live edit is on
  3. Select Widgets
    widgets tab
  4. Drag and drop the Custom HTML widget onto the part of the page you want the Facebook Plugin to appear
    drag-and-drop custom HTML widget
  5. Create a new browser tab and go to Facebook Page Plugin Generator 
  6. Fill out the fields
    facebook page plugin generator
    • 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: How wide the widget will be
    • Height: How tall the widget will be
      • 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. Scroll down and click the Get Code button
    get code button
  8. In the pop-up window, select the IFrame tab
    IFrame tab
  9. Copy the code
    Iframe HTML code
  10. Return to your site tab and paste the code into the Custom HTML text box
    paste code into text box
  11. Select Done
    done
  12. The Facebook plugin will appear
    facebook plug in
    • 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 Save at the top of the page 
    save

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.