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

Instagram Feed EA Element

Instagram Feed EA Element for Elementor Page Builder allows you to display Instagram posts on your website with many customization options. By using the EA Instagram Feed widget for Elementor page builder you will have the ability to bring your Instagram posts to your website in an effective way.  Here in this tutorial, you’re going to learn how to use the Instagram 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 Instagram Feed Element

 

»Content

 

Instagram Account Settings

⇒Access Token: Enter your access token.

 

Feed Settings

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

⇒Max Visible Images: Set how many IG images you want to display on your Instagram feed.

⇒Image Resolution: Set the image resolution of the Instagram feed.

⇒Force Square Image? Want to force a square image? Enable it and customize the dimension in pixels.

 

General Settings

Columns: Select the number of columns you want. Max six columns.

⇒Pagination:

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

⇒Link & Content:

→Display Caption: Show/hide the caption from the posts.

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

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

→Enable Link: Enable/disable the link within the posts.

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

 

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

 

Instagram Feed Styles

⇒Padding Between Images: Set the padding value for the top, right, bottom and left around the Instagram images for different dimensions. You can link the values together or customize them individually.

⇒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.

 

Color & Typography

⇒Hover Overlay Color: Add a custom color to the hover overlay.

⇒Like & Comments Styles:

→Like & Comments Color: Add a custom color to the likes & comments.

→Typography: Set the typography options for likes and comments text.

⇒Caption Styles:

→Caption Color: Add a custom color to the caption.

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

 

Load More Button Style

⇒Padding: Set the padding value for the top, right, bottom and left around the load more button for different dimensions. You can link the values together or customize them individually.

⇒Margin: Set the margin value for the top, right, bottom and left around the load more button for different dimensions. You can link the values together or customize them individually.

⇒Typography: Set the typography options for the load more button text.

⇒Text Color: Customize the load more button text color for Normal & Hover view.

⇒Background Color: Customize the load more button text background color for Normal & Hover view.

⇒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 load more button for different dimensions. You can link the values together or customize them individually.

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

⇒Border Radius: Set the border-radius around the load more button for different dimensions.

⇒Box Shadow: Customize the box-shadow color, set the horizontal and vertical value of the shadow, control the blur radius and spreading, and set the position either outline or inset.

 


»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 Instagram Feed Element.


Was this article helpful to you? Yes No

How can we help?