Live Edit


 





Insert a Facebook Plugin

Who can use this feature?

system_admin.png Slash.png Owner.png Slash.png Publisher.png Slash.png Author.png

 

 

Overview

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

Instructions

  1. Navigate to your desired page
  2. Ensure your Live Edit Is On
    live_edit_is_on.png
  3. Select Widgets
    new_widgets_tab.png
  4. Drag and drop the Custom HTML widget onto the part of the page you want the Facebook Plugin to appear
    cutom_HTML.png
  5. Create a new browser tab and go to Facebook Page Plugin Generator 
  6. Fill out the fields
    show_friends_faves.png
    • 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.png
  8. In the pop-up window, select the IFrame tab
    iframe.png
  9. Copy the code
    copy_facebook_code.png
  10. Return to your site tab and paste the code into the Custom HTML text box
    custom_html.png
  11. Select Done
    done_aft_html.png
  12. The Facebook plugin will appear
    plugin_will_appear.png
  13. Click Save at the top of the page
    Save.png



I'd Like to Request an Enhancement

0 out of 0 found this helpful

Updated:
Follow

Article Feedback

  • Avatar
    Ken Butterworth

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

  • Avatar
    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