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.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Instagram Feed”
- Hover over the widget in the search results and click install
- Add your “Instagram Feed” widget to any Elementor Page
Number of Items
Choose the number of items you want to display.
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.
Select the layout from given options.
Type the text to show as an overlay on mouse hover.
Choose an overlay icon.
Show Overlay Text
Show/Hide the overlay text.
Show Overlay Icon
Show Overlay Icon
Open in new window
This will enable the link to open in a new window.
Number of Items in Row
Type the number of items you want to display in a row.
Set the gap between the grid.
Number of Items
Choose the number of items to display in the carousel.
This will enable the loop option for the carousel.
Slides to Scroll
Select the number of slides to scroll by clicking the navigation button.
Define the time between two transitions.
Margin between Slides
Set the margin between slides.
Set the stage padding to create an offset layout
Set the interval time for autoplay
Autoplay Hover Pause
By turning it on, autoplay will pause on hover.
Turn on or off the center option
Set Active Mode on Mobile
Choosing yes will enable active mode on mobile.
Change On Click
Items will change to clicked on clicking on it.
By turning on items will display in random order.
Turn on/off the arrow option for navigation.
Choose an icon for the left arrow.
Choose an icon for the right arrow.
Items will display in right to left order.
Show navigation bullets below the carousel.
Connected Widgets Settings
Enable Remote Connection
Visit Name for Connection
Provide a name for the connection that other widgets will use to connect and control this widget.
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.
Set the height, border, radius, etc. of the items.
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.
Here are some live use cases for the Instagram Feed Widget.
Instagram Feed with carousel layout.