Instagram Feed

How to Configure and Style EA Instagram Feed

EA Instagram Feed allows you to nicely showcase Instagram Feed on your WordPress site. This element gives you the freedom to personalize the Instagram Feed as per your preference with lots of styling options. Moreover, you can fetch the Instagram posts from either your user account or by using the ‘Hashtag’ feature.

Table of Contents:

  1. How to Activate Instagram Feed
  2. How to Configure the Content Settings
    2.1. Instagram Account Settings
    2.2. Feed Settings
    2.3. General Settings     
  3. How to Style Instagram Feed
    3.1. Instagram Feed Styles
    3.2. Color & Typography
    3.3. Load More Button Style
  4. Final Outcome

1. How to Activate Instagram Feed

To use this Essential Addons element, find the ‘EA Instagram Feed’ element from the Search option under the ELEMENTS tab. Simply just Drag & Drop the EA Instagram Feed’ into the Drag widget hereor the ‘+’ section.

Instagram Feed

After you are successfully done with step 1, this is how the element is going to look like.

Instagram Feed

2. How to Configure the Content Settings

Under the ‘Content’ tab, you will be able to configure the settings for EA Instagram Feed.

2.1. Instagram Account Settings

Before you begin, you need to make sure that you have retrieved the necessary API Keys to connect with your Instagram account. If you do not, you can collect the Instagram Access Token from here. Afterward, you need to make sure that you have retrieved your User ID. To get the Client ID of your Instagram account, you need to go to the Instagram Developer account.

After you are done collecting all the required API Keys, simply just insert them under ‘Instagram Account Settings’ section in their respective fields. You would be able to view your recent Instagram post once the connection is successfully established.

Instagram Feed

2.2. Feed Settings

From the ‘Feed Settings’ section, you are able to change the ‘Instagram Feed Source’. By default it is set to ‘User’ which will retrieve the Instagram Feed of that respective user. However, you can change it to ‘Hashtag’ as well. Then simply just insert the ‘Hashtag’ for which the posts will be displayed.

Besides, you have the flexibility to use the dropdown ‘Sort By’ to change in which order you want your feed to appear. You can choose from ‘Most Recent’, ‘Least Recent’ and many others.

Moreover, you can set the number of ‘Max Visible Images’ and change the ‘Image Resolution’. You can even use the toggle to enable ‘Force Square Image’. If it’s enabled, you can change its dimension as well.

Instagram Feed

2.3. General Settings

From this section, you can change the layout by picking the ‘Number of Columns’ which you want to display for Instagram Feed. If you wish, you can even enable the ‘Load More Button’. Moreover, it gives you the opportunity to hide or display Caption, Like, Comments & Link options.

Instagram Feed

3.  How to Style Instagram Feed

Switch to the ‘Style’ tab to style all the features of the Instagram Feed.

3.1. Instagram Feed Styles

From the ‘Instagram Feed Styles’ section, you can set the Padding between the images of your Instagram Feed. You can add Border and change its styling as well.

Instagram Feed

3.2. Color & Typography

From ‘Color & Typography’ section, you are able to change the color for ‘Hover Overlay’ of the Instagram Feed. Moreover, you can add styling to ‘Likes & Comments’ & ‘Captions’ by modifying their colors & typographies.

Instagram Feed

3.3. Load More Button Style

From this section, you can control how you want to the ‘Load More Button’ to be displayed on Normal and Hover view. For each view, you are able to change its text & background color and add styling to its border if you wish.

You can also play around with the Padding and Margin of the Load More Button. Besides, you can even change its typography as well.

Instagram Feed

4. Final Outcome

By following the basic steps and a bit more modifying, you can style your Instagram Feed as per your preference.

Instagram Feed

With the help of EA Instagram Feed, this is how you can easily display your Instagram Feed in an amazing way and grab the attention of your site visitors.

Getting stuck? Feel to Contact Our Support for further assistance.

Get Started Now