Logo of Shoppable Instagram Feed Magento 2

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.

Default Grid Demo

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

Shoppable Instagram Feed Magento 2

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 1 to 10 of 15 total

Page

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

 
Instagram Feed for Magento 2 layouts and hover styles
lots of possible

Layouts and hover styles
for post box in grid

You can mix & match various options to achieve different results.

View Examples

various layouts

Popup and Linked/Related Products

You can adjust popup appearance. Choose what elements to show, set colors, padding, edges roundness, etc.

Choose from multiple layout options for related products, enable/disable add to cart, wishlist and so on.

Example 1 Example 2

Instagram Feed for Magento 2 Popup with Related Products
Instagram Posts on Product Page Magento 2

Related Posts
on Product Page

You can show product related/linked (or all) Instagram posts on products page.

View Product Page