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 #
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 #
Layout
Select the layout from given options.
- Grid
- Carousel
Overlay Text
Type the text to show as an overlay on mouse hover.
Overlay Icon
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.
Grid Settings #
Number of Items in Row
Type the number of items you want to display in a row.
Grid Gap
Set the gap between the grid.
Carousel Settings #
Number of Items
Choose the number of items to display in the carousel.
Loop
This will enable the loop option for the carousel.
Slides to Scroll
Select the number of slides to scroll by clicking the navigation button.
Transition Speed
Define the time between two transitions.
Margin between Slides
Set the margin between slides.
Stage Padding
Set the stage padding to create an offset layout
Autoplay
Play automatically
Autoplay Interval
Set the interval time for autoplay
Autoplay Hover Pause
By turning it on, autoplay will pause on hover.
Center
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.
Random Order
By turning on items will display in random order.
Show Arrows
Turn on/off the arrow option for navigation.
Left Arrow
Choose an icon for the left arrow.
Right Arrow
Choose an icon for the right arrow.
RTL
Items will display in right to left order.
Show Bullets
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.
Sync
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.