---
title: "How to Add Live Facebook Feed in Elementor?"
url: https://theplusaddons.com/docs/add-live-facebook-feed-in-elementor/
date: 2024-06-25
modified: 2026-04-09
author: "Aditya Sharma"
description: "Do you want to add a Live Facebook Feed to your Elementor website? Integrating social media into your website can be a great way to showcase your brand's online presence..."
image: https://theplusaddons.com/wp-content/uploads/2024/06/Live-Facebook-Feed-1024x552.jpg
word_count: 910
---

# How to Add Live Facebook Feed in Elementor?

## Key Takeaways

- The Plus Addons for Elementor includes a Social Feed widget for embedding a live Facebook Feed.
- Users can select between Individual or Page sources for displaying Facebook feeds.
- The Social Feed widget allows customization of layout styles, including Grid, Masonry, and Carousel.
- Access Tokens generated for Individual or Page sources are specific to that source type only.

Do you want to add a Live Facebook Feed to your Elementor website? Integrating social media into your website can be a great way to showcase your brand's online presence and improve engagement. Facebook is one of the most popular social media platforms, and adding a live Facebook feed to your website can provide visitors with real-time updates about your business.

With the Social Feed widget from The Plus Addons for Elementor, you can easily embed a live Facebook Feed in your Elementor website.

*To check the complete feature overview documentation of The Plus Addons for Elementor Social Feed widget, [click here](https://theplusaddons.com/docs/social-feed-elementor-widget/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/social-feed)

To do this add the Social Feed widget on the page and follow the steps. 

1. Select the appropriate layout and style for the feed. 

2. Then go to the **Social Feed** section. Here you’ll find an item, open the item, and select **Facebook** from the **Source** dropdown.

3. After that [add the access token ](https://theplusaddons.com/docs//get-a-facebook-access-token-for-wordpress/#Generate-Access-Token-for-Individual-Account)in the **Access Token** field by clicking the **Generate Access Token** button.

4. Then scroll down to the **Select Option** section and choose your source from the dropdown. 

Here you’ll find two options -

- **Individual** - To show the feed from a personal Facebook account.

- **Page** - To show the feed from your Facebook page.

Let’s select Individual.

> *Note: Access Token generated with a source type Individual or Page can be used with that source type only. For example, if Access Token is generated for the Individual source type it can’t be used with a Page. To use it for Page you have to save the page and reload it, then add a new item, and then generate an access token for Page specifically.*

Now you’ll be able to see Facebook posts from your personal account.

From the **Content Type** field, you can select what type of post you want to show.

If you have an album in your Facebook account, you can show it by enabling the **Show Album** toggle. Once turned on you can set the maximum number of photos in an album from the **Max Album Photo** field.

In the **Category (For Filter)** section, you can add a category to the feed which can be used with the **Filter Option** to filter posts by category.

From the **Max Results** field, you can set the maximum number of feeds to be displayed.

### How to Show Feed From Your Facebook Page?

With the Social Feed widget from The Plus Addons for Elementor, you can easily show the feed from your Facebook page on your Elementor website. This powerful widget lets you connect your Facebook account and choose the specific page from which you want to display the feed. You can also customize the layout and design of the feed to match your website's theme and style.

To do this add the Social Feed widget on the page and follow the steps.

1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **Facebook** from the **Source** dropdown.

2. Then select **Page** from the **Select Option** dropdown.

3. After that [add the access token](https://theplusaddons.com/docs//get-a-facebook-access-token-for-wordpress/#Generate-Access-Token-for-Page) in the **Access Token** field by clicking the **Generate Access Token** button..

4. After that add your Facebook page ID in the **Facebook Page Id** field. 

![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-facebook-page-new.png)

Now you’ll see feeds from your selected Facebook page.

### How to Show Facebook Feed in a Grid Layout?

With the Social Feed widget from The Plus Addons for Elementor, you can show your Facebook feed in a beautiful grid layout. 

1. Select **Grid** from the **Layout** section of the Social Feed widget.

![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-facebook-grid-new.png)

From the **Style** dropdown, you can select different styles for your grid.

2. Then select **Facebook** from the **Source** dropdown under **Social Feeds**.

3. After that add the access token in the **Access Token** field.

4. Then select the appropriate option from the **Select Option** dropdown.

Now your Facebook posts will show in a beautiful grid layout.

![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-facebook-grid-demo-1.png)

### How to Show Facebook Feed in a Masonry Layout?

To display your Facebook feed in a masonry layout on your Elementor website, use The Plus Addons for Elementor's Social Feed widget. 

1. Select **Masonry** from the **Layout** section of the Social Feed widget.

![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-facebook-masonry-new.png)

You can select different styles for your masonry layout from the **Style** dropdown.

2. Then select **Facebook** from the **Source** dropdown under **Social Feeds**.

3. After that add the access token in the **Access Token** field.

4. Then select the appropriate option from the **Select Option** dropdown.

Now your Facebook posts will show in a unique masonry layout.

![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-facebook-masonry-demo.png)

### How to Show Facebook Feed as a Carousel?

To display your Facebook feed as a carousel on your Elementor website, use The Plus Addons for Elementor's Social Feed widget. 

1. Select **Carousel **from the **Layout** section of the Social Feed widget.

![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-facebook-carousel-new.png)

From the **Style** dropdown, you can select different styles for your carousel layout.

2. Then select **Facebook** from the **Source** dropdown under **Social Feeds**.

3. After that add the access token in the **Access Token** field.

4. Then select the appropriate option from the **Select Option** dropdown.

Now your Facebook feed will show as a carousel.

From the **Carousel** tab under **Style, **you can manage the carousel settings and some styles.

***Read Further***: [*How to Get a Facebook Access Token for WordPress? (Easy Method*)](https://theplusaddons.com/docs//get-a-facebook-access-token-for-wordpress/)

## Frequently Asked Questions

**Q: What if my Facebook feed doesn't show up after adding the access token?**
A: If your Facebook feed isn't displaying, ensure that the access token is correctly generated and associated with the right source type. For instance, an access token generated for an Individual account cannot be used for a Page feed. You may need to generate a new access token specifically for the Page type if that's what you're trying to display. Check the [access token guide](https://theplusaddons.com/docs//get-a-facebook-access-token-for-wordpress/) for detailed steps.

**Q: Can I show my personal Facebook account feed using The Plus Addons for Elementor?**
A: Yes, you can display your personal Facebook account feed using The Plus Addons for Elementor. When setting up the Social Feed widget, select 'Individual' from the Select Option dropdown after choosing Facebook as the source. This allows you to show posts from your personal account. Just remember to generate the correct access token for this source type.

**Q: What layout options are available for displaying the Facebook feed?**
A: The Plus Addons for Elementor provides several layout options for displaying your Facebook feed, including Grid, Masonry, and Carousel layouts. Each layout can be customized to fit your website's design. Choosing the right layout depends on your content display preferences; for instance, a Grid layout is great for visual impact, while a Carousel can save space and allow for dynamic engagement.

**Q: Are there any limitations when using the access token for Facebook feeds?**
A: Yes, there are specific limitations with the access token for Facebook feeds. An access token generated for an Individual account can only be used to display that account's feed, while a token for a Page can only display the Page's feed. If you need to switch between these types, you must generate a new access token for the desired source type. This ensures your feed displays correctly without errors.

**Q: Does using the Social Feed widget affect my website's performance?**
A: Integrating the Social Feed widget can impact your website's performance, especially if you're displaying a large number of posts or using complex layouts. It's advisable to limit the Max Results to a manageable number to avoid slow loading times. This helps maintain a smooth user experience while still showcasing your Facebook content effectively.

**Q: How can I customize the style of my Facebook feed?**
A: You can customize the style of your Facebook feed by selecting different styles available in the Style dropdown within the Social Feed widget. Each layout type, whether Grid, Masonry, or Carousel, offers unique styling options. Customizing your feed's appearance allows it to blend seamlessly with your website's overall design, enhancing visual appeal and user engagement.