July Special Offer! Get UP TO 40% OFF - Limited Time Only!

Display Instagram Feed on Your Elementor Website [Step-by-Step Guide]

Table of Contents

Displaying Instagram Feed on your Elementor site is a great way to share the latest buzz from your personal or professional life. Since Instagram is widely used for sharing images and videos, it’s easy to keep the website updated. Displaying an Instagram Gallery eliminates the need for managing and updating your website gallery manually.

Apart from individuals, showcasing Instagram feed on websites is also an excellent opportunity for marketers. Instagram has more than 1 billion active users, and no doubt, it is one of the most popular social media channels worldwide. Instagram has the highest user engagement comparing any other social media platform; embedding an Instagram feed on the website benefit you with Instagram marketing potential.

So, if you are not displaying Instagram Feed on your site, you should start doing it now. You can easily add the Instagram Feed to your Elementor site with the Instagram Feed widget by PowerPack.

Elementor Instagram Feed

Also, Check: How to Create Beautiful Gallery Layouts with Elementor.

Elementor Instagram Widget is the easiest way to display Instagram Gallery on your website with Elementor. This widget is loaded with advanced features that allow you to customize the aggregated feed with multiple layouts, image effects, colors & fonts, and custom content display. Let’s take a look at the features, functionalities, and setup process of the Instagram Widget.

Beautiful Pre-Built Layouts for the Display of Instagram Feed

elementor-instagram-gallery-widget

The Instagram Feed Widget for Elementor offers stylish layout options to showcase your Instagram feed on your website.

Elementor Instagram Widget
  • Grid Layout
  • Carousel Layout
  • Masonry Layout

There are several styling options available to adjust the look and feel. You can set the number of images and columns and also add a load more button. Creating a beautiful Instagram Gallery on your Elementor website is easy now.

Display an Instagram Feed Carousel With Advanced Features

instagram-carousel-elementor-widget

You can also use the Carousel layout with the Instagram widget. The carousel layout offers options like autoplay, animation, loop, styling for navigation elements, etc.

Share Your Instagram Handle, Comments & Likes Count

The Instagram Elementor widget provides options for displaying your Instagram Handle and linking it to your Instagram Profile. Additionally, you can also display the likes and comments count for every image in the feed.

How to Set Up the Elementor Instagram Feed Widget

Now that we have looked at all the features and functionalities that the Instagram Feed widget from PowerPack Elementor addon offers. Now let’s see how you can easily embed your Instagram feed on your website using the Instagram widget.

You can check the complete step-by-step guide on setting up the Instagram Widget for Elementor here

Before we proceed, make sure you have Elementor & PowerPack Elementor addon installed and activated.

Step 1: Adding Elementor Instagram Widget

Go to the page where you want to add an Instagram feed widget. Now drag & drop the widget in place in the Elementor editor. We have added the PP icon on the top right corner of each widget to make it easily recognizable.

Step 2:Add Instagram Username to Display Your Instagram Feed

Now enter the correct Instagram username to showcase insta feed on your website. As soon as you add a username, you can see the display of Instagram images on your website. One thing you need to make sure that your Instagram account should be public in order to display images. 

Step 3: Instagram Widget Feed Settings

As the name suggested, from the feed settings section, you can alter your Instagram feed. You can change the number of images that you want to display. Without using API ID, the PowerPack Instagram Feed widget gives you the flexibility to display a maximum of 12 images on the website.

To make it better for professionals, we have also embedded an Image Resolution option in the widget. Also, if you want to display the feed in some particular manner, you can use the sort by option feature. 

Step 4: Customization in Instagram Widget General Tab

Here you can select the layout for images. You can choose Grid, Masonry, or Carousel layout. To display your images in an even square format, you can enable the Square Images option. This option beauty your image display by arranging them in a perfect layout. The square image option only works with Grid Layout. (obviously)

Step 5: Instagram Widget Style Tab

From the style tab, You can change the overall look & feel of the displayed feed. Let’s see what all options you get with the Style tab:

  • Image hover effects
  • Can add borders to the images
  • Typography & color options
  • Alignment & position option for the text content 
  • Style icons as per need

Get the Instagram Widget for Elementor Now!

You can get this Instagram widget along with 50+ other Elementor Widgets with the PowerPack Elementor addon. PowerPack extends Elementor with creative, time-saving widgets, and it pays back for itself with the amount of time and effort you save. Get Instagram Widget with PowerPack.

Liked this Article? Join 5000+ Subscribers

Get latest Elementor updates, tutorials, and freebies in your inbox.
No Spam Guaranteed.
Editorial Team

Editorial Team

2 thoughts on “Display Instagram Feed on Your Elementor Website [Step-by-Step Guide]”

  1. I have set it up and it’s working but why doesn’t it play video posts? If I click on a post with a video it just shows a static image. This is not good. Can you please respond?

    Reply

Leave a Comment

Get 70+ Elementor Widgets with PowerPack Addons for Elementor

Download PowerPack Free

Subscribe to receive latest updates, announcements, offers, deals & discounts.