fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

toggle-button-for-elementor
elementor-widget-library
Particles Background - Featured Blog

Instagram Feed for Elementor

The Instagram Feed Widget can be used to feature your Instagram posts in a unique looking grid or carousel format. You have to simply add your Instagram username and you’re good to go. It is also very easy to customize because of its styling and customization options. It also supports advanced options such as Remote Connection and syncing with other widgets.

 

Let’s look at each of the options in the “Instagram Feed Widget” below.

Install Instagram Feed Widget for Elementor #

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Instagram Feed”
  3. Hover over the widget in the search results and click install
  4. Add your “Instagram Feed” widget to any Elementor Page

General Settings #

1

Number of Items

Choose the number of items you want to display.

Note:-

To use Instagram Widgets in Unlimited Elements you need to connect your API.

To connect API go to Unlimited Elements > General Settings > Instagram Tab and click connect. (Don’t forget to save).

To know more about it, please visit the video tutorial.

Layout Settings #

1

Layout

Select the layout from given options.

  • Grid
  • Carousel
2

Overlay Text

Type the text to show as an overlay on mouse hover.

3

Overlay Icon

Choose an overlay icon.

4

Show Overlay Text

Show/Hide the overlay text.

5

Show Overlay Icon

Show Overlay Icon

6

Open in new window

This will enable the link to open in a new window.

Grid Settings #

1

Number of Items in Row

Type the number of items you want to display in a row.

2

Grid Gap

Set the gap between the grid.

Carousel Settings #

1

Number of Items

Choose the number of items to display in the carousel.

2

Loop

This will enable the loop option for the carousel.

3

Slides to Scroll

Select the number of slides to scroll by clicking the navigation button.

4

Transition Speed

Define the time between two transitions.

5

Margin between Slides

Set the margin between slides.

6

Stage Padding

Set the stage padding to create an offset layout

7

Autoplay

Play automatically

8

Autoplay Interval

Set the interval time for autoplay

9

Autoplay Hover Pause

By turning it on, autoplay will pause on hover.

10

Center

Turn on or off the center option

11

Set Active Mode on Mobile

Choosing yes will enable active mode on mobile.

12

Change On Click

Items will change to clicked on clicking on it.

13

Random Order

By turning on items will display in random order.

14

Show Arrows

Turn on/off the arrow option for navigation.

15

Left Arrow

Choose an icon for the left arrow.

16

Right Arrow

Choose an icon for the right arrow.

17

RTL

Items will display in right to left order.

18

Show Bullets

Show navigation bullets below the carousel.

Connected Widgets Settings #

1

Enable Remote Connection

This enables the remote connection functionality for this widget.
2

Visit Name for Connection

Provide a name for the connection that other widgets will use to connect and control this widget.

3

Sync

You can connect two item-based widgets and sync them.
4

Sync Group

Choose the same group for two or more item-based widgets so they can sync together.

Instagram Feed Widget Styling #

Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.

Item Styling #

Set the height, border, radius, etc. of the items.

Overlay Styling #

Style the overlay color, opacity, text color, typography, size, and spacing.

Nav Arrow Styling #

You can set spacing, radius, background, color, and spacing of nav arrow icons.

Nav Bullets Styling #

In this section, set the size, color, spacing, and alignment of the nav bullets.

Usage Examples #

Here are some live use cases for the Instagram Feed Widget.

Instagram Feed with carousel layout.

Video Overview #

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!