How to Embed a Facebook Group on Your Website (Best Way)
Home Blog How to Embed a Facebook Group on Your Website (Best Way)

How to Embed a Facebook Group on Your Website (Best Way)

how to embed a facebook group on your website

Do you want to know the easy way to show Facebook groups on your website in WordPress?

Integrating social media feeds into your WordPress by displaying your Facebook group’s timeline on your website is a great way to engage with your customers.

But embedding Facebook groups on your website can be confusing.

That’s why in this guide, we’ll show you an easy way to do this, even if you don’t have any technical knowledge or experience.

But first, let’s see why it’s helpful for you to embed Facebook groups on your WordPress website.

Or, you can click here to skip ahead to the tutorial.

Why Embed Facebook Groups on Your Website?

Facebook now has over 1.4 billion people in Facebook groups.

With so many people actively using Facebook groups, you can reach tons of potential customers by building an online community there.

wpbeginner facebook group example

Using Facebook groups, you can “talk” to your customers to learn more about them and build a relationship.

If you display your Facebook group on your company’s website, you get to:

  • Help your users easily discover your online community
  • Directly interact with your users via your Facebook group
  • Strengthen your bond with your customers
  • Provide solutions to their product- or service-related problems posted on the group
  • Use the power of social proof by showing user-generated content
  • Boost brand awareness by keeping your customers informed via relevant announcements on the group
  • Get more sales via user testimonials posted on your group

Embedding a Facebook group on your website makes it easier for your visitors to join your online community, whether you’re a blogger, an affiliate, or an owner of an e-commerce shop.

It’s also simpler for your customers to engage with your business. This is better since they don’t need to jump through hoops just to engage with you.

Also, showing your group on your website helps you build trust with potential customers so you can convert them into customers and brand ambassadors in the long run.

The Easiest Method to Display Your Facebook Group on Your Website

When you use a Facebook plugin like Facebook Feed Pro to embed your Facebook group on your website, you can easily display your Facebook group in under 5 minutes!

Using a beginner-friendly WordPress plugin helps you to:

  • Easily add Facebook groups to WordPress websites — no coding required
  • Encourage your website visitors to join your Facebook group
  • Personalize how your Facebook group looks like on your website so it’s consistent with your company’s brand
  • Control the type of information (posts, photos, events, videos, albums) you want to show in your Facebook group
  • Get help from WordPress experts whenever you have trouble all throughout the process

For this tutorial, we’ll use the Facebook Feed Pro plugin from Smash Balloon.

custom facebook feed pro homepage

Facebook Feed Pro is built with the beginner in mind. Using this, you can smoothly add your Facebook posts to your website. You can also personalize how it looks, even if you’re not tech-savvy.

With over 250,000 active users, it’s easily the best Facebook feed plugin for WordPress.

Using this plugin, you can even display Facebook events, pages, videos, albums, and even Facebook groups on your site.

Plus, your website visitors can even join Facebook groups directly from your website.

reviews for custom facebook feeds pro

When you use Facebook Feed Pro, you can also easily display your online community to your website visitors without having to touch a single line of embed code.

So it’s the best option for you if you don’t feel comfortable directly dealing with HTML, JavaScript, iFrame, CSS, or other coding languages.

embed facebook group on website sample

With this in mind, let’s start the step-by-step tutorial in displaying your Facebook group on your WordPress website using the Facebook Feed Pro plugin.

Step 1: Download and Install Facebook Feed Pro

Before anything else, you can go and grab a copy of the Facebook Feed Pro plugin.

After that, just install and activate it on your website.

Now sure how to do that? You can just check out our step-by-step guide on how to install a WordPress plugin.

Step 2: Create Your Facebook Group Feed

From your WordPress dashboard, go to the Facebook Feed Â» All Feeds menu to get started

Now click on the Add New button at the top.

add new feed with custom facebook feed pro

On this new page, you can pick between 9 different types of feeds here. You have the option to choose from timeline posts, photos, albums, Facebook events and much more.

In fact, you can display Facebook group events on your website from here.

types of facebook feed

Once you’ve picked the Facebook feed type you want, just click on Next. 

In this tutorial, we’re using a timeline feed here.

select facebook feed type

Step 3: Connect to Your Facebook Group

The next step is to connect a Facebook account to your website so you have a source for your Facebook feed. To add a new source, just click on Add New.

add new source for facebook feed

Now you can see a new popup where you can pick between a Facebook page or group. Here, just select the Group option and then click on Connect.

select facebook group feed

Once you do that, the plugin will send you to Facebook. There, you can give the plugin view access to your Facebook account.

The plugin can only view your Facebook posts with that access, but it can’t change anything. So, using Smash Balloon is completely safe.

Just select the Continue option here.

allow facebook group feed

On the new popup, click on the Continue button to proceed.

allow access to custom facebook feed pro

You can now see all the Facebook groups connected to your account. Select the group you prefer and then click on the Next button.

select your facebook group

After that, you can now see a popup that asks you to add the Smash Balloon app to your group.

To do that, you can follow the instructions here.

Now that you’ve added the app, you can just go back to WordPress. On the popup, just click on Done to proceed.

add a facebook app

All you have to do now is select your group from the list of sources and then click on Next.

createa facebook group feed

After that, you’ve connected your Facebook group to your website.

The next step is to customize your Facebook group feed. Let’s talk about how you can do this below.

Step 4: Customize a Facebook Group Feed

Now your new Facebook group feed will be open in the live feed editor.

custom facebook feed pro live editor

On the left side of the screen, you can see all the customization options.

With these options, you can change your feed type, layout, color scheme, header style, post layout, and much more.

And whenever you make a change, you can see a live preview on the right.

If you want to start customizing, select the Feed Layout option.

select the facebook feed layout

When it comes to layouts for your Facebook group feed, you’ve got 4 options here: List, Grid, Masonry, and Carousel.

different layout options for custom facebook feed pro

You can show all the posts in your Facebook group one after the other with the list layout. It’s a good option if you want to make your Facebook posts very visible.

list layout for the facebook group feed

Want to show lots of Facebook posts at once? You can go for the grid option then.

grid layout for your facebook feed

If you just want to show Facebook photos in different columns with their original proportions, there’s the masonry layout.

masonry feed layout for facebook

Finally, you can use a Facebook carousel layout if you want your posts to look more dynamic.

carousel feed layout for facebook group feed

Select the layout you like from all these options. And once you do, you can save changes by clicking on the Save button at the top.

To continue customizing your feed, you can then click on the Customize button on the top.

go back to facebook customization options

Now from the options, select the Color Scheme option to set the colors for your Facebook feed.

select color scheme for facebook feed

Here, you’ve got 4 options for your color scheme:

  • Inherit From Theme: To copy your theme’s color scheme.
  • Light: For a color scheme with a clear white background and dark font color.
  • Dark: If you want a darker background with lighter font color.
  • Custom: To add your own colors to your feed.

Simply select your preferred color scheme from these options here and then click on Save.

custom facebook feed pro color schemes

After that, you can customize the other parts of your feed, like the header style, margins, post elements, and more.

Once the customization is over, just click on Save.

Step 5: Embed a Facebook Group on Your Website

Now that you’ve customized your feed, it’s time to learn how to add Facebook groups to WordPress. For that, you have 2 ways to do it.

Embed a Facebook Group on Your WordPress Page

First of all, click on the Embed button on your live feed editor.

how to embed facebook group on website using facebook feed pro

Now you can see a popup where you can pick where you post your group feed. To proceed, click on the Add to a Page button.

add facebook feed to page

Once you click that, you can see a list of pages where you can post your feed. Select the web page you want and then click on Add.

select page for facebook feed

Now, this Facebook group plugin will send you to that page.

There, just click on the small plus icon (+) at the top. And to finish things off, select the Custom Facebook Feed widget.

add facebook custom feed block

Finally, click on the Publish button and you’re done!

And there you go! You’ve now embedded your Facebook group on your website. Now whenever you make new posts on your Facebook group, this feed will automatically show it as well.

You can now open up your WordPress site and see how your feed looks.

facebook group feed example

Embed a Facebook Group on Your WordPress Sidebar

The second way is to embed your Facebook group feed into your website’s sidebar as a Facebook widget.

You can do that from your live feed editor.

And to open the live feed editor, you can click on the Facebook Feed Â» All Feeds menu on your dashboard.

On this page, there’s a list of all the Facebook feeds on your website. To proceed, just click on your Facebook group feed.

select your facebook feed

You can now see the live feed editor once again. Here, just click on the Embed button in the top right corner.

click on embed button custom facebook feed pro

You can now see a popup to choose where to embed your Facebook feed. Here, click on Add to a Widget.

how to embed facebook group on website as a wordpress widget

Doing this brings you to the Widgets page, where you can add or remove all the widgets on your site.

Here, just click on Sidebar to go ahead and add your Facebook group widget to your sidebar area.

select sidebar for widget

This will open a panel that shows all the widgets on your sidebar right now. Now click on the plus icon (+) and select the Custom Facebook Feed widget.

Finally, click on Update to add the Facebook group to your website sidebar or footer.

choose custom facebook feed pro widget

With that, you’ve now added your Facebook group widget on your website sidebar without touching any shortcode or coding language.

Simply check your live website and see your embedded Facebook group displayed on the sidebar area, like below.

facebook group feed sidebar example

And that’s it!

Congratulations, you now know how to embed a Facebook group on your website by using a WordPress plugin.

You can embed photos, videos, events, albums, and much more, to make your site more engaging and boost your social media presence.

Get started with Facebook Feed Pro today.

Want to embed Facebook pages instead? Check out these step-by-step instructions on how to embed your Facebook page’s feed on your WordPress.

Looking for an effective way to use social proof to get more sales? Here’s how you can embed Facebook page reviews on your website.

If you have more than 1 social network, you can add multiple social feeds on your WordPress site with this tutorial.

Finally, if you think this article is helpful, feel free to connect with us on Twitter and Facebook for more easy-to-follow tutorials.

author avatar
Lianne Laroya

Comments 4

  1. Benjamin Allen 3 years ago

    Thank you for this, but I need some clarification. I have a Facebook group and a website about Roblox. I share promo codes on my Facebook group as soon as a new promo is released and obviously share it on my website as well.

    Now I understood that I can embed a Facebook group but is it possible to show only specific posts ? The reason I want to have this is because I share a lot of stuff of my group but I only want to show posts related to promo codes only as this page of my website is only serving promo codes

    Reply
    1. Lianne Laroya 3 years ago

      Hello Benjamin, thanks so much for your question.

      Yes, with the help of Custom Facebook Feed Pro, you can indeed be able to use moderation tools in the plugin to filter posts. One way you could do this is tag each post with a specific word, sentence, or hashtag, such as #promooftheday and then filter the posts in your Facebook group to show posts with only #promooftheday.

      We will be happy to further assist you.

      If you have any other concerns you’d like to be addressed, please contact our support team.

      If you have a Smash Balloon license, you have access to our priority email support, so please submit a support ticket here: https://smashballoon.com/custom-facebook-feed/support/

      Otherwise, we provide complimentary support in the Smash Balloon Social Post Feed forum: https://wordpress.org/support/plugin/custom-facebook-feed/

      Hope this helps!

      Reply
  2. Radostina Andreeva 2 years ago

    Hi Smash Balloon, can your plugin be used to pull out all group posts to wordpress as a backup for facebook group posts? What will happen if the group is suspended? We will still have offline archive on the site?

    Reply
    1. Lianne Laroya 2 years ago

      Hello Radostina, thanks so much for your question.

      That is not possible because of 2 reasons:
      – The API only allows us access to see posts made after the Smash Balloon app has been added to the group.
      – The API will, even after this, only show posts and any other content only if it is less than 90 days old.

      If the group is suspended, the posts will still show everything that has been cached such as text and images, but not full albums.

      There is no way in the API to “back up” a Facebook group and Facebook does not have a tool for this, only for their personal profile content.

      We will be happy to further assist you.

      If you have any other concerns you’d like to be addressed, please contact our support team.

      If you have a Smash Balloon license, you have access to our priority email support, so please submit a support ticket here: https://smashballoon.com/custom-facebook-feed/support/

      Otherwise, we provide complimentary support in the Smash Balloon Social Post Feed forum: https://wordpress.org/support/plugin/custom-facebook-feed/

      Hope this helps!

      Reply

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.