Shoppable Instagram Feed
in your Magento 2 Store
Give your visitors possibility to purchase products directly from Instagram feed on your website.
Show Instagram feed anywhere on your Magento 2 store. Add hotspots, link products to Instagram posts and show them in a fancy popup.
Carousel Example Grid layouts Grid Item Styles Boxed Grid Items Circle & Rounded Grid Items
Show post details with related products in a fancy popup
Add hotspots: linked to a product or with custom content
Add product to cart or wishlist directly from popup
Various grid layouts for related products
Lots of customization options for popup and other elements
Highly customizable
Instagram Feed Widget Demo
Set number images per page and columns for various screen resolutions. Choose various item layouts and styles, hover animations, item and image roundness, which elements to show and more for each widget.
Items 11 to 15 of 15 total
- Page Previous
- Page 1
- You're currently reading page 2
Load more functionality provided by Olegnax InfiniteScroll and Ajax Pagination Extension
This demo is demonstrating:
- Simple Gird layout
- 5 Columns on desktop, 10 posts per page
- Item style: content overlay image on hover
- Image overlay on hover
- Video plays on hover in grid
- Elements Fade Animation on Hover
- Show Post Date, Description, Likes, Comments
- Show all media types
- Enable Popup
Example 2
Instagram Feed Carousel
You can adjust various slider settings such as loop, rewind, dots & arrows, autoplay & speed, etc. for each widget. Also you can change arrows and dots styles globally.
This demo is demonstrating Instagram feed in carousel slider:
- 4 Columns on desktop, 10 posts per page
- Item style: content overlay image on hover
- Image overlay on hover
- Elements "Move up" Animation on Hover
- Show Post Date, Description, Likes, Comments
- Images instead of Video and Album in grid
- Enable Popup
- Show dots, centered
- Show Arrows. Rounded, half outside.
More Examples
Instagram Grid Layouts
Following examples demonstrating layouts with only first image big and also with each nth image double sized. Double sized image layout depends on the amount of columns set, as you can see from examples below. For example you will get 1+6 images for 5 columns layout and 1+4 images for 4 columns and so on. Also below examples demonstrating different elements and image zoom on hover.
Even More Examples
Layouts and hover styles
for post box in grid
You can mix & match various options to achieve different results.
Related Posts
on Product Page
You can show product related/linked (or all) Instagram posts on products page.
Get Started Today
Integrate shoppable Instagram feed to your Magento 2 store and create unforgettable shopping experience for your customers.
Purchase