The Complete Guide: How to Add Instagram Feed Widget to Your Elementor Website

Here’s the deal:

To follow along with this ultimate guide to adding Instagram feed to your Elementor website, you will need to install Royal Elementor addons (500,000+ active installations).

Fortunately, this is as easy as it sounds.

Click Add New Plugin in your dashboard’s Plugins section.

Search for Royal Elementor Addons, click Install Now and activate the plugin.

Now that you’ve installed Royal Elementor Addons, go to Pages on your WordPress dashboard and add a new page Instagram feed (you can call it whatever you want). 

It is a completely blank page, so click on edit with Elementor.

Go to developers.facebook.com. 

Then Get started (sign in) with your Facebook account.

And click on Create App.

Now click on Instagram setup.

To generate an access token you need to add your Instagram account, so click on add account and continue. 

You’ll have to log in to your Instagram account and allow access. 

Finally, click on generate token.

You’ll have to log in to Instagram one more time. 

Then just check the I understand box, copy the token and save it somewhere.

Now you have your token, so you need to switch your app from development mode to live. 

To do so click the switch button and go to basic settings.

Now you need to enter the URL of the privacy policy page of your website and click on Save changes.

Next click on the Instagram drop-down on the left side and go to API setup with Instagram login.

Now if you click on that switch button again, your app will actually go from development to live mode.

All right! 

You have already generated the access token and saved it somewhere. 

So go back to your website and paste the access token.

First go to the layout section and select the desired layout. 

The default one is greed, but you can choose the Slider/Carousel, for example.

Sometimes you might need to update and refresh the page to see the changes.

Now go back to the layout section and this time choose the full width. 

The content width takes up the entire width of the section, so edit the section itself to make it full width.

Now you can see that the Instagram widget takes the entire sections’ width. 

Go back to layout again and for this time try the list style. 

You can change the number of columns and adjust the media width as well. 

There’s also a Masonry grid, which you can try if you like. 

Now go back to the grid layout and set the columns to three again.

Under the layout section, you can activate the show pagination feature, which displays the Load more button.

There’s also a button available for the Show follow feature.

Go back to the Integration section and change the number of posts displayed by default to three. 

Then click on preview changes — it works perfectly fine.

Now let’s go to the Follow button settings. 

Here you can change the link of the button to your Instagram page where others can follow you. 

You can change the button text as well.

On to the next one! 

Go to the Element Section, where you can add some additional elements to your Instagram post. 

Click on add item and in select item. 

You can also add some effects to your images. 

By default it is set to none, but let’s see, for example, how zoom in or zoom out works. 

Basically it adds some nice animations to your images on mouse hover and there’s plenty to choose from. 

The free version is limited to a maximum of six posts. 

In the Pro version you can display as many posts as you’d like. 

Premium version also comes with predefined styles, so you won’t have to worry about adjusting settings. 

Just preview them and once you find the one you like, click on insert.