< 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:

Grid
Masonry
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 you can also add and remove it. The options we provided are:

Facebook
Vimeo
Youtube
Twitter
Instagram

App ID

With this option, you can Set the app id for the Facebook option here.

Generate Access Token (Facebook)

With this option, Clicking on this button will automatically create a related access token for Facebook if you fill in the right app Id above this field.

Access Token

Set the access token of your selected social feed option here except the twitter option.

How to Create App?

Create the app of your selected social feed option here, and you can use this field only for that social feed option for which this field is available.

How to Create Access (User) Token?

Create the access token of your selected social feed option here, and you can use this field only for that social feed option for which this field is available.

Facebook Option

Select Option

With this option, you can display an Individual or whole Page post for Facebook.

Page Id

With this option, you can set the page id for the page option here.

Content-Type

With this option, you can set more than one content type for an individual or page option here. Example: Photo, Video, etc.

Show Album

By enabling this option, you can see all the photos album in the Facebook post here.

Max Album Photo

With this option, you can set the maximum number of photos you want in the album here.

Instagram Option

Profile Image

With this option, you can set a custom profile image for the Instagram option here.

Twitter Option

Consumer Key (API Key)

With this option, you can set the Consumer key here.

Consumer Secret (API Secret)

With this option, you can set the Consumer Secret key here.

Access Token

With this option, you can set the access token here.

Access Token Secret

With this option, you can set the access token secret key here.

Select Twitter Feed Type

We have given eight Twitter feed types for social feeds. Select your desired type for feed. The options we provided are:

User Timeline
User Feed
Users Likes
Tweets List
Tweets Collection
Tweets By Search
Tweets Trends
Retweets Of Me

Custom Tweets

Timeline Type

With this option, you can display a Home or Mentions Timeline type post for User Timeline here.

User Name

With this option, you can set the name of the user of your selected Twitter Type option here.

Lists Id

With this option, you can set the Lists Id for Tweets List Option here.

Collection Id

With this option, you can set the Collection Id for Tweets Collection Option here.

Search

With this option, you can search the tweet by entering the letters for Tweets By Search Option here.

Select Result Type

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.

WOEID (Where On Earth Identifier) Code

With this option, you can set any city WOEID code of city for Tweets Trends Option here.

Tweets ID (Separated by a comma – Custom Tweets)

With this option, You can set the Tweets Id for Custom Tweets Option here.

Show Media

By enabling this option, you can see the All Media of your selected Twitter Type option here.

Show Retweet

By enabling this option, you can see the Retweet of your selected Twitter Type option here.

Show Comment Replies

By enabling this option, you can see the Comment and Reply of your selected Twitter Type option here.

Youtube Option

Select Youtube Type

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

User feed
Channel
Playlist
Search

User Name

With this option, you can set the User Name of any Channel on YouTube here.

Channel Id

With this option, you can set the Channel Id of any Channel on YouTube here.

Playlist Id

With this option, you can set the Playlist Id of any Channel on YouTube here.

Search Query

With this option, 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:

Date
Title
Rating
Relevance
ViewCount
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:

Thumbnail
Medium
High
Standard
Max Resolution

Vimeo Option

Select Vimeo Type

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

User video
Search video
Liked video
Channel video
Group video
Album (Showcases) video
Categories video

User Name

With this option, you can set the name of the user of your selected Vimeo Type option here.

Album Id

With this option, you can set the Album Id for the Album (Showcases) Video option here.

Password

With this option, you can set the password for the Album (Showcases) Video option here.

Search

With this option, you can search the video by entering the letters for Search Video Option here.

Channel Name

With this option, you can set the Channel Name for Channel Video Option here.

Group Name

With this option, you can set the Group Name for Group Video Option here.

Categories

With this option, 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 The Filter Purpose.

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:

Default
Only Media Posts
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

Desktop Column

Set the number of listing columns to be displayed on the desktop.

Tablet Column

Set the number of listing columns to be displayed on the tablet.

Mobile Column

Set the number of listing columns to be displayed on the mobile.

Columns Gap / Space Between

Set the space between your columns. We recommend 15-20px.

1.4: Filter Options

Category Wise Filter

By enabling this option You can see the filter category Here.

All Filter Category Text

You can set custom text in the All Filter category.

Category Filter Style

We have given Four Category Filter styles. Select your desired Style for Category Here.

Filter Hover Style

We have given Four Category Filter hover styles. Select your desired Style for Category Here.

Filter Alignment

Set the Category Filter Alignment here.

1.5: Load More/Lazy Load Options

More Post Loading Options

We have given two options for loading the post. You can select the option you want to load the post from this option.

Maximum Posts Display

Set the maximum number of posts to display per page.

More posts on click/scroll

Set the maximum number of posts to display on the click or scroll per page.

Button Text

Set the Button Text For Load More Option.

Loading Text

Set the Loading Text For Load More and Lazy Load Option.

All Posts Loaded Text

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

Performance

By enabling this option you can quickly load all posts of the social feeds.

Delete All Transient

With this option, you can delete all saved transient data of social feed types here.

FancyBox Option

Features

With this option, you can set more than one Button Icon type for Fancy Box here. Example: Full Screen, Close, etc.

Loop

By enabling this option, you can see the loop option for your feed in the Fancy Box here.

Image counter

By enabling this option, you can see the image-counter option for your feed in the Fancy Box here.

Show Arrows

By enabling this option, you can see the Arrow in the Fancy Box here.

Transition Effect

Set the All Style Option Of Transition For Fancy Box here.

Transition Duration ( ms )

Set the Transition Duration in millisecond For Fancy Box here.

Animation Effect

Set the All Style Option Of Animation For Fancy Box here.

Animation Duration ( ms )

Set the Animation Duration in millisecond For Fancy Box here.

Content Click

Set the Content Click event when the Default option is selected in Fancy Box style here.

Outer Click

Set the Outer Click event when the Default option is selected in Fancy Box style here.

Thumbs Option

By enabling this option, you can see the Thumb Icon for the Image of Available feed in the Fancy Box here.

Border Option

Set the All Border-related option For Thumbs Option here.

Background Option

Set the All Background related option For Thumbs Option here.

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?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Need help?