Insert a Facebook Plugin

Prev Next

Who can use this feature?

System Administrators | Owners | Publishers

Instructions

  1. Sign in to your website solution

  2. Click to expand the Widgets tab:The Widgets button.

  3. Drag and drop the Custom HTML widget onto the part of the page where you want the Facebook Plugin to appear:The Custom Html button dragged and dropped onto the page.

  4. Create a new browser tab and go to the Facebook Page Plugin Generator page

  5. Complete the fields with their requested information:The Facebook plugin text entry fields and toggle checkboxes.

    • Facebook Page URL: The link to the Facebook page that you want to connect to

    • 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 friends’ faces

  6. Once the fields and options are complete, click the Get Code button:The Get Code button.

  7. In the resulting dialog window, click the IFrame tab:The tab labeled IFrame at the top of the modal.

  8. Copy the code:The generated iframe code in the modal.

  9. Return to your site tab and paste the code into the Custom HTML widget:The iframe code pasted into the Custom HTML Widget.

  10. Click the Done button:The Done button.

  11. The Facebook plugin will appear:An example of a Facebook plugin on an Evolve site page.

  12. Finally, click the Save Changes button to save the page:The Save button.