Social Feed

< All Topics
Widget Used
Social Feed
Demo URL
Click Here
Tutorial Videos
Official Video
If you want to create social media-related content using the social network for your website/product. Then we have created a superior and well-designed widget. With the help, you can create certain types of content and give a custom fresh look to the webpage/post/article and which will help you to engage your audience to the website/product.
Pro Tip
Why don’t you use this widget? Because with the help of this widget, you can show social posts of other people and set a limit of the post. You can display all social network posts together.

How to use the Social Feed Widget of The Plus Addons For Elementor

The Social Feed widget comes with three separate layout types, four style options, and five social feed types. With the custom styling options, you can make a pleasant and suitable layout.

General Steps

Search for the Social Feed element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Social Feed widget. First, click on the Content tab.

1. Content

1.1: Content Feed

Select Layout

We have provided three different layouts for listing. Select your desired layout for listing. You can watch this video to know more about it. The options we provided are:

1. Grid
2. Masonry
3. Carousel

Select Style

We have provided Four different styles. Switch the styles to see how they look and settle on one.

Social Feeds Repeater

Select Social Feeds Option

We have given five social options for feed. Select your desired option for feed. You can set the field where you want to set it, such as Top, Middle, Bottom, and add and remove it. The options we provided are:

1. Facebook
2. Vimeo
3. Youtube
4. Twitter
5. Instagram

Facebook Option

You can Set the app id for the Facebook option here. If you want to create an app id for your Facebook account, you can Click Here
You can Set the app Secret for the Facebook option here. If you want to create an app Secret for your Facebook account, you can Click Here
Clicking on this button will automatically create a related access token for Facebook if you fill in the correct app Id and app secret above this field.
When your button option is not working that time you can use this option to manually create an account.
Manual Generator Access Token Click Here
Set the access token for the Facebook option here.
When you decide to manually generate an access token that time, you can use a referral link. Click Here
If you already create a once time manually access token so next time you can easily generate an access token here. Click Here
You can see an Individual (personal account) or Page post for Facebook.
You can set the page id here. When you selected the Facebook page option from the select option menu.
We have given three filter options for feed. Select your desired option for feed and you can select more than one.
Example: Photo, Video, Status.
By enabling this option, you can see only photos and videos of the album in the Facebook post here.
You can set the maximum number of photos you want in the album here.

Instagram Option

Select Option

We have provided two different types of Instagram account. Select your desired type of Instagram account. The types we provided are:

1. Personal
2. Business

Personal

With this option, you can display posts related to a Personal for Instagram.

Manual Generator Access Token Click Here
When you select the personal option to manually generate an access token that time, you can use a Referral link.
You can set a custom profile image for Instagram when you have selected the personal option here.

Business

You can display posts related to business on Instagram. Make sure your Instagram account has a business account and it will also be connected to the Facebook business page.

With this option, you can set the app id for Instagram when you have selected the business option here.
You can Set the app Secret for the Instagram option here. If you want to create an app Secret for your Instagram account, you can Click Here.
Clicking on this button will automatically create a related access token for Instagram when you have selected the business option and fill in the correct app id above this field.
When your button option is not working that time you can use this option to manually create an account.
Manual Generator Access Token Click Here.
Set the access token for the Instagram option here.
When you decide to manually generate an access token that time, you can use a referral link. Click Here
You can set your Facebook account page id when you have selected the business option here.
Feed Type
We have provided three different feed types for business options. Select your desired feed types for business options. The types we provided are:
You can see username-related Instagram posts whose username you have inserted here.
You can display hashtag posts related to a top media or recent media for Instagram. You can only see a maximum of 50 posts here.
If you are tagged or mentioned in someone’s post, you can see that post here.

Hashtag Type

You can display hashtag posts related to a top media or recent media of business account for Instagram.

Twitter Option

You can set the Consumer key here.
With this option, you can set the Consumer Secret key here.
With this option, you can set the access token here.
You can set the access token secret key here.
We have given a document link here. Using that, you manually generate an access token. Click Here
Select Twitter Feed Type
We have given nine Twitter feed types for social feeds. Select your desired type for feed. The types we provided are:

1. User Timeline
2. User Feed
3. Users Likes

4. Tweets List
5. Tweets Collection
6. Tweets By Search
7. Tweets Trends
8. Retweets Of Me
9. Custom Tweets
You can see a Home or Mentions Timeline type post for User Timeline here.
You can set the name of the user of your selected Twitter Type option here.
You can set the Lists Id for Tweets List Option here. Click Here
You can set the Collection Id for Tweets Collection Option here. Click Here
You can search the tweet by entering the letters for Tweets By Search Option here.
We have given three types of results ( Mixed, Recent, Popular) for which type of tweets you want to see. From that option, you can select one turn by turn and see the tweets.
You can set any city WOEID code of city for Tweets Trends Option here. Click here to see The TREND
You can set the Tweets Id for Custom Tweets Option here.
By enabling this option, you can see the All Media of your selected Twitter Type option here.
By enabling this option, you can see the Retweet of your selected Twitter Type option here.
By enabling this option, you can see the Comment and Reply of your selected Twitter Type option here.

Youtube Option

Access Token

Set the access token for the YouTube option here.

How to Create Access Token?

Create the access token for the YouTube option here. Click Here

Select Youtube Type

We have given four Youtube types for video. Select your desired type for video. The types we provided are:

1. User feed
2. Channel
3. Playlist
4. Search

User Name

You can set the User Name of any Channel on YouTube here.

Channel Id

You can set the Channel Id of any Channel on YouTube here.

Playlist Id

You can set the Playlist Id of any Channel on YouTube here.

Search Query

You can search the Channel Name of any Channel on YouTube here.

Select Video Order Type

We have given six Video Order types for Youtube. Select your desired type for Video Order. The options we provided are:

1. Date
2. Title
3. Rating
4. Relevance
5. ViewCount
6. VideoCount

Select Thumbnail Size

We have given five Thumbnail Size options for Youtube. Select your desired Thumbnail Size option and set the size of the Image for Youtube. The options we provided are:

1. Thumbnail
2. Medium
3. High
4. Standard
5. Max Resolution

Vimeo Option

Access Token

Set the access token for the Vimeo option here.

How to Create Access Token?

Create the access token for the Vimeo option here. Click Here

Select Vimeo Type

We have given seven Vimeo types for video. Select your desired type for video. The options we provided are:

1. User video
2. Search video
3. Liked video
4. Channel video
5. Group video
6. Album (Showcases) video
7. Categories video

You can set the name of the user of your selected Vimeo Type option here.
You can set the Album Id for the Album (Showcases) Video option here.
You can set the password for the Album (Showcases) Video option here.
You can search the video by entering the letters for Search Video Option here.
You can set the Channel Name for Channel Video Option here.
You can set the Group Name for Group Video Option here.
You can set the Categories for Categories Video Option here. Example: music etc.

Category (For Filter)

With this option, you can set the category of your selected social feed option post for filter purposes.

Maximum Results

With this option, You can set the Maximum Number of posts you want to see of your selected social feed option.

1.2: Social Feed Option

Some Options From This Field Will Only Work For Style 2.

Maximum Posts

With This Option, You Can Set The Maximum Number Of Posts You Want To See Of Your All Social Feed Option.

Description Bottom

By Enabling This Option, You Can See The Description Of Your Selected Social Feed Option Post At The Bottom Part Of That Post.

Media Filter

We Have Given Three Media Filter Types. Select Your Desired Type For Media Filter, And With This Option, You Can See Only Media Or Content Or Both Posts Together. The Options We Provided Are:

1. Default
2. Only Media Posts
3. Hide Media Posts

Show Title

By enabling this option, you can see the title for only YouTube and Vimeo feed types.

Display Id & Exclude

By Enabling This Option, You Can See The Post Id Of Your Post At The Footer Of That Post.

Exclude Post Ids

With This Option, You Can Set The Post Id Of The Post So That You Can Hide The Post Of That Which Post Id You Have Set.

Emotions Titles

By Enabling This Option, You Can Change The Icon To Text In The Footer.

1.3: Columns Manage

Set the number of listing columns to be displayed on the desktop.
Set the number of listing columns to be displayed on the tablet.
Set the number of listing columns to be displayed on the mobile.
Set the space between your columns. We recommend 15-20px.

1.4: Filter Options

By enabling this option You can see the filter category Here.
You can set custom text in the All Filter category.
We have given Four Category Filter styles. Select your desired Style for Category Here.
We have given Four Category Filter hover styles. Select your desired Style for Category Here.
Set the Category Filter Alignment here.

1.5: Load More/Lazy Load Options

We have given two options for loading the post. You can select the option you want to load the post from this option.
Set the maximum number of posts to display per page.
Set the maximum number of posts to display on the click or scroll per page.
Set the Button Text For Load More Option.
Set the Loading Text For Load More and Lazy Load Option.
Set the All Post Loaded Text For Load More and Lazy Load Option.

1.6: Extra Option

Refresh Time

With this option, you will be able to set the record of social feed posts after how many times you want to see that.

Text Limit

By enabling this option you can see the Text Limit Option Here.

Limit On

With this option, You can set a limit of Title in Word or Character.

More Text

With this option, You will be able to see the additional hidden content.

Limit Count

Set the Limit value of the Title here.

Display Dots

Enable this option when you want to display dots.

Content Scrolling Bar

By enabling this option you can see the Feed content scroll bar here.

Height

With this option, you can set the Height of the Feed content scroll bar here.

Fancybox Scrolling Bar

By enabling this option you can see the Fancy Box Feed content scroll bar here.

Height

With this option, you can set the Height of the Fancy Box Feed content scroll bar here.

On Post Click

We have given three post-click types for posts. Select your desired type for posts. The options we provided are:

Do Nothing
Go To Website
Open Fancy Box

1.7: Performance

By enabling this option you can quickly load all posts of the social feeds.
With this option, you can delete all saved transient data of social feed types here.

FancyBox Option

With this option, you can set more than one Button Icon type for Fancy Box here. Example: Full Screen, Close, etc.
By enabling this option, you can see the loop option for your feed in the Fancy Box here.
By enabling this option, you can see the image-counter option for your feed in the Fancy Box here.
By enabling this option, you can see the Arrow in the Fancy Box here.
Set the All Style Option Of Transition For Fancy Box here.
Set the Transition Duration in millisecond For Fancy Box here.
Set the All Style Option Of Animation For Fancy Box here.
Set the Animation Duration in millisecond For Fancy Box here.
Set the Content Click event when the Default option is selected in Fancy Box style here.
Set the Outer Click event when the Default option is selected in Fancy Box style here.
By enabling this option, you can see the Thumb Icon for the Image of Available feed in the Fancy Box here.
Set the All Border-related option For Thumbs Option here.
Set the All Background related option For Thumbs Option here.

All Social Feed Options

Social Feed Options

Here you can see with details how the All option of the Social Feed Widget works.

2. Style

The Style tab is used for customizing the look of all the Social Feed widget components such as Universal, FancyBox, Show More Text, Scroll Bar, Load More, Carousel, Filter Category, Facebook, Vimeo, Youtube, Twitter, and Instagram.

Universal Style

Set Extra Title Typography, Description Typography, Name Typography, Time Typography, Footer Area Typography, Title Color, Description Color, Name Color, Time Color, Icon Footer Color, Show More Color, URL Color, Mention Tag Color, #Hashtag Color, Icon Size, Icon Color, Post Thumbnail Area (Padding, Border, Border Radius, Box Shadow), Title Padding, Title Border, Description Area (Padding, Border), Profile Radius, Profile Area (Padding, Border, Profile Radius, Profile Shadow, Footer Area (Padding, Border), Box Inner Options (Box Padding, Background, Border, Border Radius), and Box Background Options (Box Padding, Background, Border, Border Radius, Box Shadow) for the Universal here.

FancyBox Style

Set Background for the Outer Background Options here.
Set Background, Border, Border Radius, Box Shadow, Name Typography, Time Typography, Title Typography, Description Typography, Name Color, Time Color, Title Color, Description Color, Footer Icon Color, Social Icon Color, and Social Icon Size for the Inner Background Options here.
Set Background, Text Color, Border, and Box Padding for the Button Options here.

Show More Text Style
Content Show More

Set Show More Typography, Show More Color, Show Less Color, and Dot color for the Show More Text here.

Fancybox Show More

Set Show More Typography, Show More Color, Show Less Color, and Dot color for the Fancybox Show More Text here.

Scroll Bar Style
Content Scrolling Bar

Set Background, and Width for the Fancy box Content Options here.
Set Background, Border Radius, and Box Shadow for the Thumb Options here.
Set Background, Border Radius, and Box Shadow for the Track Options here.

Fancybox Scrolling Bar

Set Background, and Width for the Scroll bar Options here.
Set Background, Border Radius, and Box Shadow for the Thumb Options here.
Set Background, Border Radius, and Box Shadow for the Track Options here.

Load More Style

Set Load More Typography, Loaded All Posts Typography, Load More Border Switcher Option, Border Style, Border Width, Border Color, Border Radius, Text Color, Loaded Posts Text Color, Loading Spinner ( Color, Size, Border Size, Background), Load More Box Shadow, Text Hover Color, Background, and Load More Hover Box Shadow for the Load More here.

Carousel Style

Set Slider Mode, Slide Speed, Desktop Columns, Tablet Columns, Mobile Columns, Slide Padding, Draggable, Infinite Mode, Pause On Hover, Adaptive Height, Animation Type, AutoPlay, AutoPlay Speed, Show Dots, Dots Style, Dots Border Color, Dots Top Padding, On Hover Dots, Show Arrows Switcher Option, Center Mode Switcher Option, Number Of Rows, and Unique Carousel Id for the Carousel here.

Filter Category Style

Set Typography, Inner Padding, Margin, Filters Text Color, Category Filter Color, Border Color, Background, Border Radius, Box Shadow, Hover Border Color, and Count Filter Category (Category Count Color, Background, Count Background Color, Box Shadow) for the Filter Category here.

Facebook Style

Set Extra Title Typography, Description Typography, Name Typography, Time Typography, Title Color, Description Color, Name Color, Time Color, Icon Footer Color, Background, Border, Border Radius, Box Shadow, Profile Radius, Icon Size, and Icon Color for the Facebook here.

Vimeo Style

Set Extra Title Typography, Description Typography, Name Typography, Time Typography, Title Color, Description Color, Name Color, Time Color, Icon Footer Color, Background, Border, Border Radius, Box Shadow, Profile Radius, Icon Size, and Icon Color for the Vimeo here.

Youtube Style

Set Extra Title Typography, Description Typography, Name Typography, Time Typography, Title Color, Description Color, Name Color, Time Color, Icon Footer Color, Background, Border, Border Radius, Box Shadow, Profile Radius, Icon Size, and Icon Color for the Youtube here.

Twitter Style

Set Extra Title Typography, Description Typography, Name Typography, Time Typography, Title Color, Description Color, Name Color, Time Color, Icon Footer Color, Background, Border, Border Radius, Box Shadow, Profile Radius, Icon Size, and Icon Color for the Twitter here.

Instagram Style

Set Extra Title Typography, Name Typography, Time Typography, Title Color, Name Color, Time Color, Background, Border, Border Radius, Box Shadow, Profile Radius, Icon Size, and Icon Color for the Instagram here.

Preview

Here you can see with details how the Style option of the Social Feed Widget works.

3. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
4.5 out of 5 stars
5 Stars 0%
4 Stars 100%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Need help?