how to embed a facebook group on your website

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

By Lianne Laroya on August 24, 2021

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

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

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.

Before we go to the step-by-step tutorial, let’s discover first 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. That’s why it’s important that you build an online community where you and your customers can interact.

Using Facebook groups isn’t limited to one-way communication. Instead, you can use Facebook groups as a way to “talk” to your customers via an open and ongoing dialogue where there’s an exchange of valuable information.

Also, 70% of B2C marketers get their customers through Facebook. So, why not give them an opportunity by inviting them to join your online Facebook community? Embedding your Facebook group on your website helps you do this.

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
  • And, boost brand awareness by keeping your customers informed via relevant announcements on the group

Embedding a Facebook group on your website makes it easier for your visitors to join your online community, whether you’re a blogger 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 a trustworthy relationship with your prospects. And this is a great thing for you. After all, building trust with your prospects helps you to convert them into customers in the long run.

The Easiest Method to Display Your Facebook Group on Your Website

When you use a WordPress plugin 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 display your Facebook group on your website: 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 Custom Facebook Feed Pro plugin from Smash Balloon.

embed facebook group on website plugin

Custom 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 like, even if you’re not tech-savvy.

With over 200,000 active users, it’s also the best Facebook feed plugin for WordPress, as it helps you to embed any type of Facebook content on your site, such as your Facebook page, videos, albums, and even Facebook groups.

embed facebook group on website plugin rankings

Plus, by using the Custom Facebook Feed Pro plugin, you can 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 Custom Facebook Feed Pro plugin.

Step 1: Download and Install Custom Facebook Feed Pro

Before anything else, you can go and grab a copy of the Custom 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, events, and much more.

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 add the 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 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 view access to the Custom Facebook Feed Pro plugin.

The plugin can only view your Facebook posts with that access, but it can’t change anything. So 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. Just 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, just 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.

Now it’s time to customize your Facebook group feed. Let’s talk about how you can do this in the next step 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 posts 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

Just select the layout you like from all these options. And once you do, just click on the Save button on the top right.

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.

Just 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 post them on your website. For that, you have 2 ways to do it.

Embed a Facebook Group on Your Page

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

click on embed button custom 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 page you want and then click on Add.

select page for facebook feed

Now the 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.

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

facebook group feed example

Embed a Facebook Group on Your Sidebar

The second way is to embed your Facebook group feed on your website’s sidebar.

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.

add facebook feed as a 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 feed 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.

choose custom facebook feed pro widget

With that, you’ve now added your Facebook group on your website sidebar. Just check and see how it looks.

facebook group feed sidebar example

And that’s it! Congratulations, you now know how to easily embed your Facebook group in your website by using a WordPress plugin.

Get started with Custom Facebook Feed Pro today.

Or if you want unlimited access to Smash Balloon plugins so you can use them on unlimited websites, go ahead and get the Social Wall Pro bundle here.

The great part about Smash Balloon’s pricing method? It comes with a 100% no-risk money-back guarantee so you can try out the plugins first and see if it’s a good fit for you.

Hopefully, this article gave you clear instructions on how you can display your Facebook group feed on your website so you can connect with your prospects and engage with them to convert them into customers in the long run.

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

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

Want to Try our Facebook plugin for Free?

Enter the URL of Your WordPress website to install Custom Facebook Feed Lite.


  1. Benjamin Allen

    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

    1. Lianne Laroya Post author

      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:

      Otherwise, we provide complimentary support in the Smash Balloon Social Post Feed forum:

      Hope this helps!


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.

Leave a Reply

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