1. Home
  2. Docs
  3. Social Elements
  4. Facebook Feed

Facebook Feed EA Element

Facebook Feed EA Element for Elementor Page Builder allows you to display Facebook posts on your website with many customization options. By using the EA Facebook Feed widget for Elementor page builder you will have the ability to bring your Facebook posts to your website in an effective way.  Here in this tutorial, you’re going to learn how to use the Facebook Feed element into Elementor Page Builder. So let’s get straight into it:


If you don’t know how to activate elements and start using it, then check the tutorials below:

Ξ Activate/De-activate Elements

Ξ Using Elementor Addons in Elementor


 

How to Customize the Facebook Feed Element

 

»Content

 

Facebook Account Settings

⇒Page ID: Add your facebook page ID here.

⇒Access Token: Enter your access token.

 

Feed Settings

⇒Sort By: Select the sorting option whether you want your feed sort by newest or oldest.

⇒Max Visible Items: Set how many items you want to display on your Facebook feed.

 

General Settings

⇒Layout Settings:

→Layout: Set the feed layout either card or overlay.

→Columns: Select the number of columns you want.

⇒Content Settings

→Display Message: Show/hide the message from the posts.

→Max Message Length: Customize the max message length manually

→Display Like: Show/hide the likes from the posts.

→Display Comments: Show/hide the comments from the posts.

→Display Date: Show/hide the date from the posts.

→Open link in a new window: Enable/disable the link to open in a new window.

⇒Pagination:

→Show Load More: Show/hide the load more button at the end of the feed.

→Label: Enter the label if you enable the show load more button.

 

Unable To Use or Found Bugs?

⇒Need Support: Are you in need of a feature that’s not available in our plugin or got some bugs? Feel free to do a Support request.


»Style

 

Feed Item Styles

⇒Space Between Items: Create some space between facebook feed items for different dimensions.

⇒Border Type: Select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the feed for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the feed border.

⇒Border Radius: Set the border-radius around the feed for different dimensions.

⇒Background Color: Add a custom background color to the feed items.

⇒Header Styles:

→Background: Add a custom background color to the feed header.

→Padding: Set the padding value for the top, right, bottom and left around the feed header for different dimensions. You can link the values together or customize them individually.

⇒Content Styles:

→Padding: Set the padding value for the top, right, bottom and left around the feed content for different dimensions. You can link the values together or customize them individually.

→Preview Padding: Set the padding value for the top, right, bottom and left around the feed content preview for different dimensions. You can link the values together or customize them individually.

⇒Footer Styles:

→Background: Add a custom background color to the feed footer.

→Padding: Set the padding value for the top, right, bottom and left around the feed footer for different dimensions. You can link the values together or customize them individually.

 

Color & Typography

⇒Page Name:

→Typography: Set the typography options for the page name text.

→Color: Add a custom color to the page name text in the feed.

⇒Date:

→Typography: Set the typography options for the post date text.

→Color: Add a custom color to the post date text in the feed.

⇒Message:

→Typography: Set the typography options for the message text.

→Color: Add a custom color to the message text in the feed.

→Link Color: Add a custom color to the link in the feed.

⇒Preview Host:

→Typography: Set the typography options for the preview host.

→Color: Add a custom color to the preview host text in the feed.

⇒Preview Title:

→Typography: Set the typography options for the preview title.

→Color: Add a custom color to the preview title text in the feed.

⇒Preview Description:

→Typography: Set the typography options for the preview description.

→Color: Add a custom color to the preview description text in the feed.

⇒Likes & Comments:

→Typography: Set the typography options for the likes & comments.

→Color: Add a custom color to the like and comments text in the feed.

 


»Advanced

Set the Advanced options that are applicable to this widget

Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of the Facebook Feed Element.


Was this article helpful to you? Yes No

How can we help?