---
title: "Social Feed Elementor Widget: Settings Overview"
url: https://theplusaddons.com/docs/social-feed-elementor-widget/
date: 2024-06-25
modified: 2026-04-09
author: "Aditya Sharma"
description: "Social media has become an integral part of our lives and businesses, and integrating social media feeds into your website can bring several benefits. Not only does it add social..."
image: https://theplusaddons.com/wp-content/uploads/2024/06/Overview-1024x541.jpg
word_count: 2150
---

# Social Feed Elementor Widget: Settings Overview

## Key Takeaways

- Social Feed widget from The Plus Addons for Elementor adds feeds from Facebook, Instagram, X (formerly Twitter), YouTube, and Vimeo to an Elementor website.
- The widget offers three layout options: Grid, Masonry, and Carousel, allowing for different visual presentations of social feeds.
- Users can specify the maximum number of posts displayed in the feed using the Maximum Posts field.
- The Performance toggle saves all feeds into a local database as a transient to improve loading speed for visitors.
- The widget includes a Load More option that allows users to customize the number of posts displayed before needing to click a button.

Social media has become an integral part of our lives and businesses, and integrating social media feeds into your website can bring several benefits. Not only does it add social proof, but it also provides fresh and relevant content to your website, increasing engagement and keeping visitors informed about your social media activity. 

The Social Feed widget from The Plus Addons for Elementor can help you add feeds from Facebook, Instagram, X (formerly Twitter), YouTube, and Vimeo to your Elementor website.

### Check the Live Widget Demo

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

## Required Setup

- [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated.

- This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text).

- Make sure the Social Feed widget is activated, to verify this, visit The Plus Addons → Widgets → and Search for Social Feed and activate.

## Learn via Video Tutorial:

https://www.youtube.com/watch?v=oiGi2NaEj7o

## How to Activate the Social Feed Widget?

Go to 

- **The Plus Addons **→** Widgets **

- **Search **for the widget name** **and** turn on the toggle.**

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

## Key Features

- **Multiple Layout and Style** - You’ll get three different layout options, **Grid**, **Masonry** and **Carousel** with multiple layout style options.

- **Facebook Feed** - You can show the feed from a Facebook account and page.

- **Instagram Feed** - You can show feeds from Instagram Personal and Business accounts.

- **X (formerly Twitter) Feed** - You can show the X (formerly Twitter) feed.

- **YouTube Feed** - You can show the feed from a YouTube channel, handle, playlist, user feed and search.

- **Vimeo Feed** - You can show the feed from a Vimeo user, channel, showcase, search and more.

- **RSS Feed** - You can show posts using an RSS feed.

- **Multi Social Media Feed** - You can [show feeds from multiple social media channels together.](https://theplusaddons.com/docs//create-a-multi-social-media-wall-feed-in-elementor/)

## How to Use the Social Feed Widget?

Once you add the Social Feed widget on the page, you’ll have to select the layout from the **Layout** dropdown under the **Content Feed** tab. Here you’ll find three options - 

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

**Grid** - To create a grid style layout of the social feed.

**Masonry** - To create masonry style layout of the social feed.

**Carousel** - This option will turn your social feed into a carousel.

Once you select your layout you’ll get the relevant layout preset style under the **Style** dropdown.

Then under **Social Feeds,** you’ll get an item. Once you open the item, you’ll find different social media options under the **Source** dropdown.

**Facebook** - For [showing live Facebook feed](https://theplusaddons.com/docs//add-live-facebook-feed-in-elementor/).

**Instagram** - For [showing live Instagram feed](https://theplusaddons.com/docs//add-live-instagram-feed-in-elementor/).

**X (formerly Twitter)** - For showing live X (formerly Twitter) feed.

**YouTube** - For [showing live YouTube video feeds](https://theplusaddons.com/docs/add-live-youtube-video-feed-in-elementor/).

**Vimeo** - For [showing a Vimeo channel feed](https://theplusaddons.com/docs//add-vimeo-channel-feed-in-elementor/).

**WP RSS Feed** - To show [posts from the RSS feed](https://theplusaddons.com/docs/show-posts-from-rss-feed-in-elementor/).

Based on the selected source you’ll get relevant settings.

You can click on the **+ Add Item** button to add additional social media feeds to [show feeds from multiple social media channels together](https://theplusaddons.com/docs//create-a-multi-social-media-wall-feed-in-elementor/).

### Social Feed Options

In the **Maximum Posts** field, you can mention the number of posts to be displayed in the feed. 

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

In the **Media Filter** dropdown, you’ll get three options -

**Default** - This will show all types of posts.

**Only Media Posts** - This will show the posts with images or videos only.

**Hide Media Posts** - This will hide the posts with images or videos.

From the **Show Title** toggle you can show the post title for YouTube, Vimeo and Instagram(Mention) feeds.

Then you’ll find the **Display Id & Exclude** option, from here you can exclude posts by ID from the feed. 

Once you turn on the toggle it will show the post ID of each post in the Elementor editor, just copy the post ID that you want to exclude and paste it in the **Exclude Post Ids** field, and that specific post will be excluded from the feed.

You can add multiple post IDs separated by a comma.

### Columns Manage

This option is available for Grid and Masonry layouts only. From here, you can manage the number of columns in the layout and column gap for different devices.

### Filter Option

This option is available for Grid and Masonry layouts only. From here, you can set a filter option based on the content source.

![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-filter-option-2.png)

Once you turn on the **Category Wise Filter** toggle, you can select from different styles and hover styles for the category filter. You can also align the category filter from the **Filter Alignment** section.

### Load More/Lazy Load Option

For the Grid and Masonry layouts, you can add a load more or a lazy load option from this tab. In the **More Post Loading Options** dropdown you’ll find two options - 

**Load More** - By enabling this option, a Load More button will be added to your feed. You can specify the maximum number of posts that appear before the button displays and set the number of posts to load when the button is clicked. Additionally, you can customize the button text, loading text, and text displayed once all posts have loaded.

**Lazy Load** - To add a lazy load feature to your feed, select this option. You can specify the maximum number of posts that load initially and set a number for how many posts to load on scroll. Additionally, you can customize the loading text and the text displayed once all posts have loaded.

### Extra Options

In this tab, you’ll find some additional options.

From the **Refresh Time** dropdown, you can set how often the feed will refresh. Based on your selection it will load new posts from your social media channels.

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

Then from the **Text Limit** toggle, you can set a text limit on your posts. You can set the limit by character or word. You can also add dots at the end of the text by enabling the **Display Dots** toggle.

If you have a long post you can add a scroll bar to them by enabling the **Content Scrolling Bar** toggle. Once you turn on the toggle you’ll get an option to set a height to your posts.

From the** Fancybox Scrolling Bar** toggle you can add a scroll bar in the fancy box if you are showing the content in a fancy box. You can also set the height of the fancy box.

Then you can set what will happen when someone clicks on the post from the **On Post Click** dropdown, here you’ll find three options - 

**Do Nothing** - On clicking the post nothing will happen.

**Go To Website** - It will redirect the users to the post website. Like if the post is from Facebook it will redirect users to Facebook.

**Open Fancy Box** - This will open the post content in a fancy box. 

In case you are using a local host or non SSL website (non HTTPS) then turning on the **Curl SSL Verify Peer** toggle, will help you securely connect with social media accounts. Many social media accounts don’t allow insecure connections.

The **Facebook Transient** option will allow you to store a copy of your Facebook feed in the local database, so it doesn’t send requests to Facebook every time to show the feeds. 

This transient is a temporary database file that gets deleted after an interval and new files are stored again based on the **Refresh Time** settings.

### Performance

In the Performance tab, you’ll find some options to improve the performance of the widget. Generally, whenever the feeds are displayed it sends a request to the respective social media account to get the data. This process can be time consuming especially if you have a lot of feeds.

To improve the performance you can turn on the **Performance** toggle, this will save all the feed into the local database as a transient. So every time a visitor visits the page it will get the data from the local database making the process a lot faster.

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

Based on the **Refresh Time** settings under the **Extra Options** tab these transient files will be deleted and new files will be stored.

Then from the **Delete All Transient** option you can delete the transient by clicking on the **Delete** button. This will clear the local database. 

If you make any changes in the feed settings of any social feed like changing the feed from an Instagram Personal account to a Business account, you have to delete the transient. Then you have to disable the **Performance** toggle and then enable it again to save the new feed in the local database.

## How to Style the Social Feed Widget?

If you want to style your feeds you can do that from the Style tab.

**Universal** - From this tab, you can give a standard style to all your feeds from different social media accounts. You can manage the typography of the description, name, time, footer area, color of description, name, time, URL, Hashtag, icon color, size, and much more.

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

**FancyBox** - From this tab, you can select different styles for fancybox. Within this tab, you’ll find two tabs **Option** and **Style**. You can manage different fancybox settings like features, effects etc. from the **Option **tab. From the **Style** tab, you can manage the background and backdrop filter.

**Show More Text** - From here, you can manage the style of the Show More text within the post and fancybox.

**Scroll Bar** - If you have a scrolling bar in your posts then you can manage the scroll bar style from this tab.

**Load More Style** - From this tab, you can manage the load more text typography, color, loading spinner color and size.

**Filter Category** - If you are using the **Filter Option**, then you can manage the style from here. You can manage the filter typography, color, hover color, background and more.

**Carousel** - If you are using the Carousel layout for your feed then you’ll get this option. From here you can manage slider mode, speed, column for different devices and much more.

**Facebook** - If you don’t want a universal style for Facebook feeds then you can style them from this tab.

**Vimeo** - From this tab, you can manage the Vimeo channel feed style.

**YouTube** - To manage the YouTube feed style you can use this tab.

**X (formerly Twitter)** - From this tab, you can style the X (formerly Twitter)feed.

**Instagram** - To style the Instagram feeds you can use this tab.

Advanced options remain common for all our widget, you can explore all it options from here.

[View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..)

## How to Show Social Feed as a Carousel?

If you want to show your social feed as a carousel, then select **Carousel** from the **Layout** dropdown.

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

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

Now just set your social media feed from the **Social Feeds** section and it will display as a carousel.

From the **Carousel** tab under **Style** you’ll get many options to customize your carousel. 

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

> *Note: These options work similarly as in the Carousel Anything widget, we have covered these options in detail there. *

**Slider Mode** - From here you can choose your slider orientation Horizontal or Vertical.

**Slide Speed** - Control your slide transition speed from here.

*Now you’ll find various device-dependent options.*

**Columns **- You can set multiple columns for the slide. Learn more about the process.

**Next Previous** - You can set the behavior of your next/previous slide movement from here. You can either move one column at a time or move all visible columns (depending on the number of columns set in the **Columns** dropdown).

**Slide Padding** - From here you can adjust the padding of your slider.

**Draggable** - Make your carousel draggable or non-draggable from here.

**Infinite Mode** - You can turn your carousel into an infinite loop slider from here.

**Pause On Hover** - Allow the users to pause the slider on mouse hover.

**Adaptive Height** -  If you have slides with uneven height with this option the carousel navigations will adjust its position automatically according to the height of the slide.

**Animation Type** - From here you can choose the animation type for your slider.

**Autoplay** - Make your Elementor carousel slider autoplay from here and adjust its speed as well.

**Show Dots** - From here you can add slider navigation dots and you can style them as well. Learn more about the process.

**Show Arrow** - You can also add navigation arrows for your carousel slider and style them from here.

**Center Mode** - From here you choose the center position of your slider. You can learn more about the process here.

**Number Of Rows** - From here you can select the number of rows that will display in the carousel feed.

**Unique Carousel ID** - With this option, you can control the carousel navigation with the Remote Carousel widget using a unique ID.

## Frequently Asked Questions

**Q: What social media platforms can I integrate using the Social Feed widget?**
A: The Social Feed widget from The Plus Addons for Elementor allows you to integrate feeds from Facebook, Instagram, X (formerly Twitter), YouTube, and Vimeo. This versatility enables you to display content from multiple platforms, enhancing the dynamic nature of your website.

**Q: How can I show multiple social media feeds together?**
A: To show feeds from multiple social media channels together, use the '+ Add Item' button within the Social Feed widget settings. This allows you to select different sources for your feeds, making it easy to create a comprehensive social media wall on your site.

**Q: What are the layout options available for the Social Feed widget?**
A: The Social Feed widget offers three layout options: Grid, Masonry, and Carousel. Choosing the right layout depends on your design preference and how you want to present the social media content. For example, the Carousel layout is great for showcasing content in a dynamic, sliding format.

**Q: Can I filter the posts displayed in the Social Feed?**
A: Yes, you can filter posts displayed in the Social Feed widget. There are options to show all posts, only media posts, or hide media posts. This flexibility allows you to tailor the content displayed based on your audience's interests.

**Q: What performance considerations should I keep in mind when using the Social Feed widget?**
A: Performance can be impacted by the number of feeds displayed, as each feed requires a request to the respective social media platform. To improve performance, enable the Performance toggle, which saves feeds into the local database as transients, speeding up load times for visitors.

**Q: How do I style the Social Feed widget to match my website's design?**
A: You can style the Social Feed widget through the Style tab, where you can manage typography, colors, and other design elements for different social media feeds. Customizing these settings ensures that the social feed aligns with your overall website aesthetics, enhancing user experience.