The “Instagram Feed Widget” allows you to display Instagram posts for free in WordPress Elementor websites. This widget helps you showcase your latest Instagram content, keeping your site fresh and engaging. You can customize the feed layout, grid style, spacing, and styling to seamlessly match your site’s design.
Let’s explore the features of the “Instagram Feed Widget” below.
Elementor Instagram Feed Tutorial Video
Add a Free Instagram Feed to Elementor
This widget requires Unlimited Elements Free 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 in Elementor Instagram Feed
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 in Elementor Instagram Feed
Layout
Select the layout from given options.
- Grid
- Carousel (Pro)
Overlay Text
Type the text to show as an overlay on mouse hover.
Overlay Icon
Choose an overlay icon.
Show Overlay Text (Pro)
Show/Hide the overlay text.
Show Overlay Icon (Pro)
Show Overlay Icon
Open in New Window (Pro)
This will enable the link to open in a new window.
Remove Play Icon from Videos (Pro)
This will hide the play icon on videos from your Instagram Feed.
Grid Settings in Elementor Instagram Feed
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 in Elementor Instagram Feed
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 in Elementor Instagram Feed
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.
Elementor Instagram Feed 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 in Elementor Instagram Feed
Set the height, border, radius, etc. of the items.
Overlay Styling in Elementor Instagram Feed
Style the overlay color, opacity, text color, typography, size, and spacing.
Play Icon Styling in Elementor Instagram Feed
Style the play icon color and size.
Nav Arrow Styling in Elementor Instagram Feed
You can set spacing, radius, background, color, and spacing of nav arrow icons.
Nav Bullets Styling in Elementor Instagram Feed
In this section, set the size, color, spacing, and alignment of the nav bullets.
Usage Examples of Elementor Instagram Feed
Here are some live use cases for the Instagram Feed Widget.
Free Elementor Instagram Feed in a Grid Layout.
Free Elementor Instagram Feed in a Carousel Layout.
Thank you for using the Instagram Feed Widget for Elementor! With its seamless integration and customizable display options, this is the best Instagram Feed Widget for Elementor, perfect for showcasing your latest posts and engaging your audience effortlessly. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
