Facebook's Page Plugin lets you embed a live feed of your school's Facebook posts on any site page at no cost. This article walks through the four steps: generating the plugin on Facebook's developer site, customizing it, copying the iFrame code, and pasting it into a Composer Embed element.
đź’ˇQuick answers
- Where do you generate the Facebook plugin code? At developers.facebook.com/docs/plugins/page-plugin; enter your Facebook page URL to get started.
- Customizing the plugin before copying the code? Use the fields and checkboxes on the Page Plugin page to adjust appearance, then preview the result before clicking Get Code.
- Which code format should you copy? Select the IFrame tab in the Get Code popup and copy the code from the gray box.
- Adding the feed to a Composer page? Insert an Embed element from the Standard Element Library, open its settings, and paste the iFrame code into the field provided.
- Should the old Facebook element be removed first? Yes; if you are replacing an existing element, delete it before inserting the new Embed element.
Facebook has provided a no-cost way to allow you to feature Facebook posts on any website. This article will walk you through how to embed a Facebook feed plugin on your site. Use this instead of the Facebook element (which we no longer support) that you may see in your Standard elements in the Element library.Â
In this article
- Step 1: Set up your plugin
- Step 2: Customize your plugin
- Step 3: Copy iFrame code
- Step 4: Insert code with an Embed element
Step 1: Set up your plugin
Click on this link called the Page Plugin. Follow the prompts to set up the plugin for your site. In the field provided, enter the URL for your Facebook page.
Step 2: Customize your plugin
- Use the additional fields and checkboxes to customize the plugin.
- View the results in the preview below.
Step 3: Copy iFrame code
In the popup that appears, choose the “IFrame” tab and copy the code that appears in the gray box. When you are satisfied with the results, click on Get Code below the preview.
Step 4: Insert code with an Embed element
- Once you have copied the code for your plugin, go to your site.
- Insert an Embed element from the Standard element library.
- Edit the Settings and paste your code into the field provided.
- Save the element and publish the page.
Important Note
If you are replacing an element that already exists on your page you should delete the old element first
Comments
Please Sign in to leave a comment if you don't see the comment box below.