Embed a Facebook Feed on Your TeamPages Site

by

Facebook Plugin

You probably have a Facebook page for your team, club, or league, it is an awesome way to create a social space for members to interact! Embedding a Facebook feed on your website encourages new members to join your social space and keeps website visitors up-to-date.

Facebook makes it really easy to embed a page feed or any kind of post on your site, all you need to do is copy and paste a few lines of code.  Don’t go running in the other direction because I said code, this is really simple.  Lets get started!

First, you need to login to TeamPages and you must have administrative access to your TeamPages website.

1. Navigate to your settings area.TeamPages Embed Facebook Feed

 

2. Go to the ‘widgets’ settings and click ‘add’ in the top right corner.TeamPages Embed Facebook Feed

 

3. Name your new custom widget and change the text editor to ‘source’ mode.  This mode is for entering code instead of plain text.TeamPages Embed Facebook Feed

 

4. Go to https://developers.facebook.com/docs/plugins/page-plugin.

5. Enter your facebook page URL in the ‘Facebook Page URL’ box and adjust the other settings to suit your preference.  Click the ‘get code’ button.
TeamPages Embed Facebook Feed

 

6. A pop-up window will give you two pieces of code. Copy the top piece of code and paste it into your source code editor on TeamPages. Copy the bottom piece of code and paste it right below the first piece in your source editor on TeamPages. Save your custom widget.TeamPages Embed Facebook Feed
TeamPages Embed Facebook Feed

 

7. In the widget settings, turn your widget on and choose the column you would like it to display in on your home page. Click save.
TeamPages Embed Facebook FeedTeamPages Embed Facebook Feed

 

8. Go to your home page and see your new Facebook widget!  You may need to drag it around on the page to position it in the right spot.TeamPages Embed Facebook Feed

 

There are other types of Facebook feeds you can embed, the one we just did is a page feed.  You can also embed like buttons, follow buttons, specific posts, videos, or comments.  The method is the same and you can get all the code for this here: https://developers.facebook.com/docs/plugins/page-plugin. 

Facebook Plugin

I hope this has been a helpful TeamPages tutorial.  Please comment if you have any questions or email us at support@teampages.com, we are always happy to help!


Helen Wilkinson

About This Author

Helen Wilkinson is a user experience designer and web developer at TeamPages.

Leave a Reply

Your email address will not be published. Required fields are marked *