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
General Settings
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
Select the layout from given options.
- Grid
- Carousel
Type the text to show as an overlay on mouse hover.
Choose an overlay icon.
Show/Hide the overlay text.
Show Overlay Icon
This will enable the link to open in a new window.
Grid Settings
Type the number of items you want to display in a row.
Set the gap between the grid.
Carousel Settings
Choose the number of items to display in the carousel.
This will enable the loop option for the carousel.
Select the number of slides to scroll by clicking the navigation button.
Define the time between two transitions.
Set the margin between slides.
Set the stage padding to create an offset layout
Play automatically
Set the interval time for autoplay
By turning it on, autoplay will pause on hover.
Turn on or off the center option
Choosing yes will enable active mode on mobile.
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
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.
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.